Встраивание шрифтов в CSS

Question

Я собираюсь использовать некоторые пользовательские шрифты для моего сайта.Я знаю, что в настоящее время есть несколько сайтов, предоставляющих бесплатные веб-шрифты, такие как: Google WebFonts

Но нужного мне шрифта нет.Я хочу знать, есть ли какой-нибудь способ конвертировать этот шрифт, который у меня есть, в веб-шрифт.(мое расширение шрифта TTF)

Кроме того, я скачал несколько веб-шрифтов, их расширение было также TTF.Веб-шрифты - это что-то другое?

Answer 1

Различные браузеры обрабатывают веб-шрифты по-разному. TTF будет работать в большинстве браузеров, но не в IE или на iPhone. Я бы порекомендовал проверить Font Squirrel , так как там много шрифтов, включая генератор @ font-face, который поможет вам все настроить.

Answer 2

Веб-шрифты не являются чем-то особенным;они могут быть шрифтами TrueType, если браузер поддерживает этот формат (большинство из них).Чтобы использовать шрифт TrueType в вашем CSS, используйте

@font-face {
    font-family: {given name};
    src: url({path to font file}) format('truetype');
}

Затем используйте

font-family: {given name};

в любых правилах, для которых вы хотите использовать шрифт.

Answer 3

Я бы рекомендовал использовать Cufon в качестве запасного варианта для браузеров, которые не поддерживают css @font-face

Answer 4

Ранее я использовал Font Squirrel для генерации файлов веб-шрифтов из ttf.

Answer 5

Это может быть полезно -

убедитесь, что лицензия на используемый вами шрифт это позволяет.

Answer 6

Вы можете просто использовать файлы ttf в сочетании с @ font-face.См. http://www.html5rocks.com/en/tutorials/webfonts/quick/ для получения дополнительной информации.