Глупый вопрос по подключению шрифта
Объясните почему, вот я подключаю шрифт
@font-face { font-family: 'SitkaSmall'; src: url('../fonts/sitka/SitkaSmall.eot'); src: url('../fonts/sitka/SitkaSmall.eot?#iefix') format('embedded-opentype'), url('../fonts/sitka/SitkaSmall.woff2') format('woff2'), url('../fonts/sitka/SitkaSmall.woff') format('woff'), url('../fonts/sitka/SitkaSmall.ttf') format('truetype'); font-weight: normal; font-style: normal; } div { font-family: 'SitkaSmall'; не применяется } но когда, вопреки всей логике, указываю в style.css через пробел div { font-family: 'Sitka Small'; }, шрифт корректно отображается. Объясните, как такое можно понять, или я не так всё понимаю ..? |
katamason,
он может подгружаться системно, а не локально. локально нужно проверять через девтулс |
Цитата:
|
katamason,
в превью шрифта какой font name? |
Цитата:
|
katamason,
ну вот тот самый пробел в названии шрифта. т.е шрифт подтягивается установленный системно. а локально подключен не праильно |
Цитата:
|
Цитата:
Что открывается по адресу? http://имя_домена/fonts/sitka/SitkaSmall.woff |
Цитата:
|
katamason,
а структура папок какая? где находится файл цсс с подключением фона? |
Цитата:
|
katamason, определите новый шрифт на странице с уникальным названием (можно ударить по клаве) и подключите этот код к странице..
На странице примените этот шрифт к какому-нибудь блоку. Откройте консоль браузера, перезагрузите страницу, если в консоли появятся ошибки связанные с путями к файлами шрифта, то проблемы в путях. Если ошибок не будет, то откройте в "инспекторе элементов" (не знаю как правильно называется,в Google Chrome вкладка "elements") элемент, которому подключили новый шрифт. В этой же вкладке, там где указаны css стили этого элемента откройте подвкладку "computed" и ищите свойство "font-family". Если значение равно наименованию нового шрифта, то шрифт подключился успешно. Если шрифт подключился, но это не то, чего вы ожидали, то скачайте шрифт из другого источника. |
Часовой пояс GMT +3, время: 02:10. |