Я использую @ font-face на моем сайте: http://timkl.com/blog
Я добавил этот фрагмент в свой CSS:
@font-face { font-family: "WebSymbolsRegular"; src: url("http://www.timkl/fonts/websymbols-regular-webfont.eot"); src: url("http://www.timkl/fonts/websymbols-regular-webfont.eot?#iefix") format("embedded-opentype"), url("http://www.timkl.com/fonts/websymbols-regular-webfont.woff") format("woff"), url("http://www.timkl.com/fonts/websymbols-regular-webfont.ttf") format("truetype"), url("http://www.timkl.com/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular") format("svg"); }
Затем я добавил эту пару значений в различные классы и идентификаторы:
font-family: 'WebSymbolsRegular';
Отлично работает в Chrome и Safari, однако не работает FF 10.0.1: (
Любые идеи о том, как решить эту проблему, очень ценятся! :)
Это потому, что я использовал абсолютный путь, вот что: http://webfonts.info/wiki/index.php?title=%40font-face_support_in_Firefox
Обнаружено, что об этом было множество сообщений от Stackoverflow, но не раньше, чем я отправил свой: S