html - Why external font (@font-face) takes too much time to load in a web page? -
I am using @ font-face
in an external stylesheet, but when I use the server But I open the page, only takes longer to render the text. Why is this happy?
Code
@ font-face {font-family: koblenz; Src: url (../fonts/coblenz.ttf); } @ Font-faces {font-family: koblenz; Src: url (../fonts/Coblenz.ot); } @ Font-faces {font-family: koblenz; Src: url (../ font / coblenz.it? #fix); } @ Font-faces {font-family: koblenz; Src: url (../ font / koblenz.woff); } ... font-family: "coblenz", aerial, helvetica, without-serif;
Another question: with IE 8+, Chrome and Safari loaded text koblenz
, but Firefox does not. Why?
This could be because you are using font-face
Many times Try doing something like this:
@ font-face {font-family: 'koblenz'; Src: url ('../ font / koblenz.eot'); The format ('./fonts/coblenz.woff') format ('woff'), url ('embedded-opentape') format ('../ font / koblenz.eot? # Formix'), url ../font/koblenz.ttf ') format (' truetype '), url format (' ../ font / koblenz.svg # koblenz ') (' SVG '); Font weight: normal; Font style: normal; }
Comments
Post a Comment