Question

我有一个页面需要使用非默认字体，并不是每个人都有这些字体，所以我使用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'); 
        }

现在这段代码与我尝试的所有不同字体完美配合，所以我对它非常满意。但问题是，如果我尝试将文本设为粗体或斜体，除非安装了字体，否则它不起作用。反正有没有绕过这个？或者这是跨浏览器字体支持的限制？

Answer 1

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

Answer 2

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

Answer 3

只要您以HTML的方式在网站上展示您的内容，就可以使用HTML Tag，例如<strong></strong>代表Bold，<i></i>代表斜体，如果在css中无法实现

CSS Cross浏览器字体支持 - 粗体和斜体不起作用

3 个答案: