{"id":829,"date":"2023-08-11T08:57:27","date_gmt":"2023-08-11T08:57:27","guid":{"rendered":"https:\/\/yourownfont.com\/shop\/?page_id=829"},"modified":"2023-08-25T17:00:36","modified_gmt":"2023-08-25T17:00:36","slug":"faqs","status":"publish","type":"page","link":"https:\/\/yourownfont.com\/shop\/faqs\/","title":{"rendered":"FAQ’s"},"content":{"rendered":"\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\n
\n
\n

How can I use WOFF2 on my website?<\/h4><\/div>\n\n\n\n
<\/stop><\/stop><\/linearGradient><\/defs><\/svg><\/path><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n
\n

You add the @fontface parameter in your css-file example:<\/p><\/div>\n\n\n\n

@font-face {
font-family: “AlexYOFF”;
src: url(‘yourwebsitefolder\/AlexYOFF.woff2’) format(‘woff2’
}<\/p><\/div>\n\n\n\n

Then you reference the css in the html. In the example below the body-tag will render with the font AlexYOFF with size 42px<\/p><\/div>\n\n\n\n

<link rel=”stylesheet” type=”text\/css” media=”screen” href=”AlexYOFF.css” \/>
<style type=”text\/css” media=”screen”>
body { font-size: 42px; font-family: “AlexYOFF”; }
<\/style><\/p><\/div>\n\n\n\n

Learn more here: css school<\/a><\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n

\n
\n
\n

Will my visitors be able to see the WOFF2-font?<\/h4><\/div>\n\n\n\n
<\/stop><\/stop><\/linearGradient><\/defs><\/svg><\/path><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n
\n

96.4% of your visitors will have support for the woff2-format.<\/p><\/div>\n\n\n\n

WOFF 2.0 is implemented in all major browsers.<\/p><\/div>\n\n\n\n

IE and Opera mini lacks support for WOFF2.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n

\n
\n
\n

I need help adding WOFF2 to my website!<\/h4><\/div>\n\n\n\n
<\/stop><\/stop><\/linearGradient><\/defs><\/svg><\/path><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n
\n

Use the contactform if you need help.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n

\n
\n
\n

Licensing options<\/h4><\/div>\n\n\n\n
<\/stop><\/stop><\/linearGradient><\/defs><\/svg><\/path><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n
\n