Как заставить этот @ font-face работать в Wordpress? - PullRequest
Новая
       4

Как заставить этот @ font-face работать в Wordpress?

0 голосов
/ 02 марта 2012

Как заставить @ font-face работать в моем шаблоне Wordpress?

это код CSS 

 @font-face {
 font-family: 'BorisBlackBloxx';
src: url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.eot');
src: url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.eot?#iefix') format('embedded-opentype'),
     url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.woff') format('woff'),
     url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/BorisBlackBloxx.ttf') format('truetype'),
     url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.svg#BorisBlackBloxxRegular') format('svg');
font-weight: normal;
font-style: normal;

} 

.logo a{
font-family: 'BorisBlackBloxx', helvetica, arial;
font-size: 72px;
color: #000000;
text-decoration: none;

}

это HTML-разметка 

   <div class="grid_12">

      <h1 class="logo">
        <a href="<?php bloginfo('url'); ?>">MAKE SPORT</a>
      </h1>

    </div> <!-- logo end -->

Я прочитал все посты на этом сайте и ни одна из них мне не помогла.

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

Как вы думаете, это неправильно?

Ответы [ 2 ]

0 голосов
/ 18 мая 2012

Я только что просмотрел источник вашего сайта.

Единственное место, где я мог найти, что вы пытались использовать шрифт 'BorisBlackBloxx', было на .logo a, однако текст там есть вimage.

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

Кроме того, если это так, пробовали ли вы различные браузеры?

0 голосов
/ 02 марта 2012

Похоже, что таргетинг правильный, но шрифт не читается правильно. Попробуйте поместить код встраивания шрифта в вашу основную таблицу стилей (style.css). Желательно в верхней части документа.

...