CSS3(5)字體

以前的CSS字體樣式需要用戶的計(jì)算機(jī)上有安裝相應(yīng)的字體,但在CSS3中,我們可以自己完成這個(gè)工作,而不給用戶提要求。開發(fā)人員將字體引入網(wǎng)站就可以直接展示給用戶。
CSS3規(guī)定在@font-face中定義字體樣式,然后通過樣式名稱應(yīng)用在各個(gè)標(biāo)簽中。@font-face規(guī)則中包含以下描述:


CSS3字體

其中右邊兩個(gè)屬性是必需的,下面貼一個(gè)示例作為參考:

@font-face
{
    font-family: myFirstFont;
    src: url(sansation_bold.woff);
    font-weight:bold;
}

div
{
    font-family:myFirstFont;
}

在@font-face中定義好樣式后,使用時(shí)根據(jù)樣式名稱應(yīng)用。雖然現(xiàn)在還沒有用過自定義字體樣式,但是font-family引用這種方式還是非常熟悉的。
日積月累,厚積薄發(fā)!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,149評(píng)論 1 92
  • CSS參考手冊(cè) 一、初識(shí)CSS3 1.1 CSS是什么 CSS3在CSS2.1的基礎(chǔ)上增加了很多強(qiáng)大的新功能。目前...
    沒汁帥閱讀 4,280評(píng)論 1 13
  • 最近興致上來,就想更換了那Blog標(biāo)題字體(漢字的);網(wǎng)上搜索了一番,發(fā)現(xiàn)蘇新詩柳繁體這款甚合我心;然后就著手搞將...
    晚晴幽草閱讀 2,548評(píng)論 1 7
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,813評(píng)論 1 45
  • 目前游戲版號(hào)已經(jīng)堆積了上萬待審批,很多新游戲發(fā)布推遲已經(jīng)成為了游戲業(yè)務(wù)營收下滑的重要原因了,去年2017年4-8月...
    圓盾潮汐哥閱讀 382評(píng)論 0 0

友情鏈接更多精彩內(nèi)容