Свои шрифты на сайте:
Создать свой набор шрифтов для сайта очень просто – используйте [club48059053|@font-face] Генератор от Fontsquirrel.

Но при работе с кастомными шрифтами для веба учитывайте 5 ключевых особенностей, которые спасут вам время и нервы:

1. Вы можете загружать и конвертировать любые (в т.ч. Платные/Варезные на свое усмотрение) шрифты кроме шрифтов обадателем которых является компания Linotype.

2. Поднимайте в CSS стилях строку
url(“../fontdir/fontsname.svg”) format(‘svg’); выше ttf, что бы svg не был последним. Таким образом вы избежите проблем со “странностями” в Chrome и Safari. По необьяснимой причине Webkit не любит когда SVG-формат стоит последним и возникают проблемы в некоторых случаях
.
3. Используйте сглаживание -webkit-font-smoothing: antialiased; только в тех местах, где это действительно необходимо и позвольте ОС справится со всем остальным.

4. При сборке шрифта, подумайте над аспектами многоязычности и символами, используйте режим EXPERT и удалите из шрифта лишние языки (Custom Subsetting) и Character Type, это существенно уменьшит размер шрифта, вследствие и скорость загрузки страницы. А для качественного “Отката”, на случай сложностей со стороны клиента, или вовремя неподгруженным шрифтом, используйте X-height Matching: Arial

5. Последнее и немаловажное – добавьте в настройки хостинга или сервера, в файл .htaccess строки:

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

Что позволит серверу отдавать шрифт браузеру клиента в правильном и сжатом виде.

Create Your Own @font-face Kits | Font Squirrel

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

Create Your Own @font-face Kits by uploading the fonts you want to use.