2

我有一个页面需要使用非默认字体，并不是每个人都有这些字体，所以我使用了 CSS 的跨浏览器字体技巧。代码是这个

@font-face {
            font-family: 'Bebas';
            src: url('Bebas.eot');
            src: local('Bebas'), 
                 local('Bebas'), 
                 url('Bebas.ttf') format('truetype'),
                 url('Bebas.svg#font') format('svg'); 
        }

现在这段代码完美地适用于我尝试过的所有不同字体，所以我对它非常满意。然而，我的问题是，如果我尝试将文本设置为粗体或斜体，除非安装了字体，否则它不起作用。有没有办法解决这个问题？或者这是跨浏览器字体支持的限制？

4

3 回答 3

1

您需要做的就是添加另一个 @font-face 指定粗体文件并将 font-weight 属性设置为粗体。

于 2012-05-02T14:00:55.273 回答
0

我不确定您是否会考虑这样做，但 Google 有一种巧妙的方法可以将未安装的字体添加到您的网站Google Fonts。它得到了很好的支持。

于 2012-05-02T14:00:50.167 回答
-2

无论您在网站上以粗体和斜体等HTML方式显示您的内容，如果它在 css 中是不可能的HTML Tag<strong></strong><i></i>

于 2012-05-02T13:59:32.867 回答