Как встроить нестандартные шрифты True Type на сайт для загрузки и отображения посетителям
Как встроить
нестандартные шрифты True Type на сайт для
загрузки и отображения
посетителям
Понадобится специальный конвертер из ttf в eot формат см. на Гугле по запросу ttf2eot.exe
C:\>ttf2eot.exe c:\windows\fonts\arial.ttf c:\output.eot
Полученный файл с расширением .eot загружаем на сайт и вывзываем через CSS
<!-- Safari 3.x, Firefox 3.1.x, Chrome 2.x -->
<style> @font-face { font-family: "testing"; src: url("output.ttf") format("truetype"); } </style> <!--[if IE]> <style> @font-face { font-family: "testing"; src: url("output.eot"); } </style> <![endif]--> <div style="font-family: testing"> Hello, Multiple Browser World! </div>
Должно работать IE6, IE7, IE8, Safari 3/4 и Firefox 3.1+