Не работает шрифт Awesome (пустые квадраты)
Я создавал веб-сайт для своей свадьбы и размещал его на x10hosting с доменом.tk. Дело в том, что... когда я захожу на него через x10host.com, я могу видеть потрясающие иконки для мобильных устройств (меню / перейти наверх). Когда я получаю к нему доступ с расширением.tk, значки становятся пустым квадратом.
Я искал ту же самую проблему здесь, и попробовал кучу решений, но ни один не работал для меня.
Что я пробовал:
этот код в.htacess
<IfModule mod_headers.c>
<FilesMatch "\.(eot|font.css|otf|ttc|ttf|woff)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>
это в.style.css
@import url("http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/font-awesome.css");
это в шапке
<link rel="stylesheet" href="http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/font-awesome.css" type="text/css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
изменив все URL в fontawesome.css на полный адрес:
@font-face {
font-family: 'FontAwesome';
src: url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.eot');
src: /*url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular') format('svg'),*/
url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.woff2') format('woff2'),
url('http://karinaandclinton.x10host.com/wp-content/themes/optimizer/assets/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
У кого-нибудь есть дополнительное предложение? Сайт http://www.karinaandclinton.tk/ и хостинг http://karinaandclinton.x10host.com/
Темой, которую я использую, является Оптимизатор.
Спасибо!
1 ответ
- В URL вы должны добавить http://www.karinaandclinton.tk/ не http://karinaandclinton.x10host.com/ и он должен работать, если вы посещаете 1-й URL.
ИЛИ ЖЕ
- (eot|font.css|otf|ttc|ttf|woff) должно быть (eot|css|otf|ttc|ttf|woff)