Создайте собственный шрифт значка .ttf .eot .woff и svg-файлы

Я создал несколько значков в AI, поэтому теперь я ищу, как их преобразовать в шрифт значка для Интернета без использования сторонних приложений (например, fontastic ...)Создайте собственный шрифт значка .ttf .eot .woff и svg-файлы

Так что мне нужно, чтобы создать свой собственный .ttf, .eot, .woff и .svg файлов, чтобы вставить их таким образом

@font-face { 
    font-family: "MYFONT"; 
    src:url("fonts/MYFONT.eot"); 
    src:url("fonts/MYFONT.eot?#iefix") format("embedded-opentype"), 
    url("fonts/MYFONT.woff") format("woff"), 
    url("fonts/MYFONT.ttf") format("truetype"), 
    url("fonts/MYFONT.svg#MYFONT") format("svg"); 
}

Любая помощь будет очень полезно :)

источник

2016-03-11 Lester Vargas

Нет, не: не использовать все устаревшие и системные форматы. [Просто используйте WOFF] (http://caniuse.com/#feat=woff), и все готово. Microsoft больше не поддерживает браузеры, которые не поддерживают WOFF, поэтому EOT теперь является мертвым форматом; SVG * буквально мертв *, спецификация была оставлена. TTF и OTF - это универсальные шрифты, поэтому браузеры могут анализировать их более строгие, чем * тот же самый шрифт, завернутый в WOFF *. Итог: в 2016 году используйте WOFF и только WOFF. Добавленный бонус: ваш код чище и проще отлаживать, когда что-то идет не так. –

Я использую Icomoon App.

Icomoon App позволяет делать каждый из следующих действий:

Получить один или несколько значков из нескольких популярных иконок шрифтов
Загрузить другие шрифты, которые могут быть значок шрифты, но и обычные шрифты
загрузка SVG файлов для использования в качестве иконки
Объединений любого количества иконок из любого числа доступных шрифтов
Установите значение UNICODE шестигранного для зависимости от того, что вам нужны символов
экспорта и/или сохранить набор шрифтов создавать

Icomoon

источник

2016-03-11 16:47:07

Отличное приложение, спасибо! –

Создайте собственный шрифт значка .ttf .eot .woff и svg-файлы

ответ

Смежные вопросы