Question

我想在我的CSS文件的font-family列表中使用字体的斜体变体作为备份字体。这有可能吗？类似的东西：

font-family: SuperSlanty, Verdana-Italic;

Answer 1

按照here所述使用font-style:italic;。

Answer 2

选中此http://jsfiddle.net/Hd4zq/4/

您可以通过JS在数组中加载所需的所有谷歌字体，然后更改CSS字体属性，将正确的字体样式（在您的情况下为斜体）添加到您将添加到html元素的特定CSS类。

    <script type="text/javascript">
        google.load('webfont','1');
        google.setOnLoadCallback(function() {
            WebFont.load({
                google: {
                    families: ['Droid Serif','Tangerine']
                }
            });
        });
    </script>


<p class="serif">SERIF</p>
<p class="serifItalic">SERIF ITALIC</p>
<p class="serifBold">SERIF BOLD</p>
<p class="serifBoldItalic">SERIF BOLD ITALIC</p>
<p class="tangerine">Tangerine</p>


.serif{
    font-family:'Droid Serif'; 
    font-size:30px; 
    font-style:normal;
    font-weight: 400;
}

.serifItalic{
    font-family:'Droid Serif'; 
    font-size:30px; 
    font-style:italic;
    font-weight: 400;
}

.serifBold{
    font-family:'Droid Serif';
    font-size:30px;
    font-style:normal;
    font-style:bold;
}

.serifBoldItalic{
    font-family:'Droid Serif'; 
    font-size:30px;
    font-style:italic; 
    font-weight: bold;
}

.tangerine{
    font-family:'Tangerine'; 
    font-size:30px;
    font-style:italic; 
    font-weight: bold;
}

是的，您可以通过在font-family属性中添加多个字体来添加斜体字体作为后备字符，如：

.fontwithFallback{
font-family: 'Droid','Tangerine';
}

是否可以在字体系列列表中包含字体样式？

2 个答案: