Question

如何在我的Wordpress模板中使@ font-face工作？

这是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 -->

我阅读了本网站上的所有帖子，但其中一个帖子并没有帮助我。

尝试使用路径制作不同的东西，并将来自css的@ font-face代码带到标签中的html，没有任何效果

你觉得怎么样？那是错的？

Answer 1

看起来定位是正确的，但字体无法正确读取。尝试将字体嵌入代码放在主样式表（style.css）中。最好靠近文档的顶部。

Answer 2

我只是查看了您网站的来源。

我唯一能找到你试图使用'BorisBlackBloxx'字体的地方是.logo a，但是那里的文字是图片。

不言而喻，字体文件无法更改图像中使用的字体。你是否在我看不到的页面上的其他地方使用它。

此外，如果是这样的话，您是否尝试过各种浏览器？

如何让这个@ font-face在Wordpress中运行？

2 个答案: