@ font-face в CSS .... это нормально?

Question

На моем сайте мое семейство шрифтов Tw Cen MT, Gill Sans, Century Gothic, sans-serif.Очевидно, что не у всех будет Tw Cen MT , поэтому я решил попробовать метод @font-face.

Вот мой css:

@font-face { font-family: Tw Cen MT; src: local("Tw Cen MT"),  url(fonts/TwCenMT.ttf) }

Несколько вопросов:

1. Будет ли это работать во всех современных браузерах (Firefox, Chrome, Safari и IE8)?

2. У меня нетпока что проверял, потому что у меня есть шрифт.Работает ли этот метод для вас, когда вы посещаете мою домашнюю страницу ?

3. шрифт большого файла.У вас много времени загружается при посещении моего сайта?

Заранее большое спасибо

Answer 1

С нетехнической точки зрения, вы уверены, что ваша лицензия шрифта позволяет это? Большинство коммерческих производителей шрифтов будут очень, очень расстроены из-за того, что их шрифты предоставляются незащищенными для загрузки в Интернете, например.

Не иди на себя.

Answer 2

Технически это будет работать в последних версиях всех браузеров, которые вы упомянули, хотя есть некоторые "ошибки", особенно в отношении IE. Здесь - это ссылка, которая более подробно описывает это.

Время загрузки вашего сайта было коротким (<1 сек), но я не уверен, какой шрифт он фактически вытянул, так как я не знаком со всеми шрифтами в вашем стеке. </p>

Насколько я знаю, этот является каноническим источником синтаксиса @ font-face, хотя у меня были проблемы даже с этим.

По моему опыту, короткий ответ таков: хотя @ font-face технически широко поддерживается, на практике это может быть сложно сделать правильно.

Answer 3

Эти парни говорят, что все в порядке, если вы окружаете URL "двойными кавычками" и заканчиваете каждую строку внутри шрифта точкой с запятой;

Answer 4

Проверьте https://browserlab.adobe.com/ для тестирования в разных браузерах.Или http://litmusapp.com/browser-testing. Надеюсь, это поможет.