У меня проблемы с тем, чтобы IE распознал шрифт на WordPress сайте, который я тестирую.Я использую Helvetica для большей части сайта и "Harabara" для некоторых небольших разделов.Для этого у меня установлено семейство шрифтов тела Helvetica, а семейство шрифтов меньших частей - Harabara.Вот @ font-face:
@font-face {
font-family: 'HarabaraBold';
src: url('/harabara-webfont.eot');
src: url('/harabara-webfont.eot?#iefix') format('eot'),
url('/harabara-webfont.woff') format('woff'),
url('/harabara-webfont.ttf') format('truetype'),
url('/harabara-webfont.svg#webfontHeOfUYwt') format('svg');
font-weight: normal;
font-style: normal;
}
, а вот тело:
body {
font-size:100%/130%;
line-height: 1;
color: black;
background: #fff;
font-family:Helvetica,Times New Roman,Verdana,Garamond;
width:100%;
}
и пример подраздела, в котором используется Харабара:
#sidebar-homepage li{
list-style: none;
font-family: 'HarabaraBold';
letter-spacing: 1px;
font-size: 1.1em;
text-align: left;
margin-top: 40px;
margin-left: 4px;
text-shadow:1px 1px 1px #3fa3b8;
}
КогдаЯ просматриваю веб-страницу в Chrome / FF, элементы списка домашней страницы боковой панели отображаются правильно, шрифтом харабара.Когда я тестирую страницу в IE, элементы списка боковой панели первоначально отображаются в харабарах, но, как ни странно, переключаются на Helvetica, как только курсор мыши входит в окно.
Я не уверен, что это проблема с @font-я, но я попробовал предложения здесь
без какой-либо удачи.
Также прошу прощения, но нет живой версии этого сайта, чтобы показать, я боюсь.