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

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -