Font Face Problem für Chrome

Question

Ich suchte durch Stack-Überlauf, aber finde keine Lösung in Bezug auf die Probleme, die ich konfrontiert ... Ich glaube, viele Menschen konfrontiert das gleiche Problem, aber ich bin mir nicht sicher, warum ihre Lösungen können t Arbeit an meiner.

Das Problem: Dies ist in Bezug auf @ font-Face.

Der Code auf CSS:

@font-face { 
font-family: 'JaguarJCBold'; 
src: url('fonts/jagb____-webfont.eot'); 
src: url('fonts/jagb____-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/jagb____-webfont.woff') format('woff'), 
    url('fonts/jagb____-webfont.ttf') format('truetype'), 
    url('fonts/jagb____-webfont.svg#JaguarJCBold') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

@font-face { 
font-family: 'TrajanProBold'; 
src: url('fonts/trajanprobold-webfont.eot'); 
src: url('fonts/trajanprobold-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/trajanprobold-webfont.woff') format('woff'), 
    url('fonts/trajanprobold-webfont.ttf') format('truetype'), 
    url('fonts/trajanprobold-webfont.svg#TrajanProBold') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

@font-face { 
font-family: 'TrajanProRegular'; 
src: url('fonts/trajanproregular-webfont.eot'); 
src: url('fonts/trajanproregular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/trajanproregular-webfont.woff') format('woff'), 
    url('fonts/trajanproregular-webfont.ttf') format('truetype'), 
    url('fonts/trajanproregular-webfont.svg#TrajanProRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 



@font-face { 
font-family: 'MyriadProBlack'; 
src: url('fonts/myriadpro-black-webfont.eot'); 
src: url('fonts/myriadpro-black-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/myriadpro-black-webfont.woff') format('woff'), 
    url('fonts/myriadpro-black-webfont.ttf') format('truetype'), 
    url('fonts/myriadpro-black-webfont.svg#MyriadProBlack') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

@font-face { 
font-family: 'MyriadProRegular'; 
src: url('fonts/myriadproreg-webfont.eot'); 
src: url('fonts/myriadproreg-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/myriadproreg-webfont.woff') format('woff'), 
    url('fonts/myriadproreg-webfont.ttf') format('truetype'), 
    url('fonts/myriadproreg-webfont.svg#MyriadProRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

Wer weiß, wie diese Arbeit für Google Chrome, um meine Schriften einwirken zu lassen?

Answer 1

Versuchen Sie, die Schriftart Eichhörnchen Schriftart Generator:

http://www.fontsquirrel.com/fontface/generator

Es wird Ihnen alle die korrekte CSS für jeden möglichen Browser.

Answer 2

Alles, was Sie getan haben, ist Ihre Schriftarten so einzurichten, dass sie in Ihrer CSS-Datei verwendet werden können. Sie müssen die Schriftart auf den Text anwenden, den Sie stylen möchten. Sie würden dies genauso tun, wenn Sie eine andere websichere Schriftart verwenden würden.

z.

.yourElement { 
    font: 30px JaguarJCBold; 
}