是否可以在字體族列表中包含字體樣式？

我想在我的CSS文件的font-family列表中使用字體的斜體變體作爲備用字體。這有可能以任何方式？喜歡的東西：是否可以在字體族列表中包含字體樣式？

font-family: SuperSlanty, Verdana-Italic;

來源

2013-11-27 Conrad

-面對？ – kinakuta

@kinakuta不，我正在使用[Google字體]（https://developers.google.com/fonts/） – Conrad

可能重複的[沒有JavaScript的選擇性樣式後備字體？]（http://stackoverflow.com/questions/） 10221975/selective-style-fallback-fonts-without-javascript） –

只需使用font-style:italic;描述here。

來源

2013-11-27 20:18:43 Heinrich

我相信這個想法只有在'SuperSlanty'不存在'的情況下才會有斜體，並且會回落到'Verdana'。 –

這不會使'font-family'斜體中的每個字體都變成？我只想要一種特定的字體（即不是第一種）爲斜體。 – Conrad

@Conrad然後你需要JS。抱歉 – Heinrich

入住這http://jsfiddle.net/Hd4zq/4/

可以加載你通過JS數組中需要谷歌的字體，然後更改CSS字體屬性添加合適的字體樣式（在你的情況斜體）到一個特定的CSS類，你將添加到您的html元素。

<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屬性添加多個字體像添加的字體之一斜體作爲後備：您正在使用@font

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

來源

2013-11-27 21:24:09

是否可以在字體族列表中包含字體樣式？

回答

相關問題