導航:首頁 > 文件教程 > css怎麼引用字體文件

css怎麼引用字體文件

發布時間:2024-10-18 15:28:17

① css中如何引入外部獨立字體

用font-face即可,如下

@font-face
{
font-family:myFont;
src:url('Sansation_Light.ttf'),
url('Sansation_Light.eot');
}

為處理兼容性,可以設置引入多個格式的字體文件,上面進入版了兩種,然權後在需要用到這種字體的地方 設置屬性 font-family: myFont; 即可

② css 怎麼調用外部字體。。

1、在文件夾中放入ttf、otf等格式的字體,這些都是一個字體的不同格式,是為了兼容不同的瀏專覽器,然後創建一個屬html文件test。如下圖所示:

③ css裡面引入字體有什麼限制嗎

限制不多,主要是字體庫內包含相應的字體就好了。當然咯。如果想要一些奇奇怪怪的字體,推薦去專門下載字體的網站下載後綴為.ttf的文件,然後導入就好了。方法如下

④ css怎麼調用外部字體

CSS中可以使用font-face屬性即可實現調用任何外部等特殊字體。

font-face屬性介紹及其實例:

  1. 對瀏覽器的支持:

    Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 類型的字體。

    Internet Explorer 9+ 支持新的 font-face 規則,但是僅支持 .eot 類型的字體 (Embedded OpenType)。

  2. 使用您需要的字體。

    在新的 font-face 規則中,您必須首先定義字體的名稱(比如 myFirstFont),然後指向該字體文件。

    如需為 HTML 元素使用字體,請通過 font-family 屬性來引用字體的名稱 (myFirstFont):

  3. 使用粗體字體。

    您必須為粗體文本添加另一個包含描述符的 @font-face。

    文件 "aa.ttf" 是另一個字體文件,它包含了 Sansation 字體的粗體字元。

    只要 font-family 為 "myFirstFont" 的文本需要顯示為粗體,瀏覽器就會使用該字體。

    通過這種方式,我們可以為相同的字體設置許多 @font-face 規則。

  4. 實際案例:

    案例1:
    <style>
    @font-face
    {
    font-family:myFirstFont;
    src:url('aa.ttf'),
    url('aa.eot');/*IE9+,可以是具體的實際鏈接*/
    }
    div
    {
    font-family:myFirstFont;
    }
    </style>
    案例2:
    @font-face
    {
    font-family:myFirstFont;
    src:url('aa.ttf'),
    url('aa.eot');/*IE9+*/
    font-weight:bold;
    }
  5. 注意事項:

    A、Internet Explorer 8 以及更早的版本不支持新的 font-face 規則。

    B、代碼中注意負符號,均為英文狀態下。

    C、字體文件格式必須添加後綴,且鏈接中必須帶後綴。

閱讀全文

與css怎麼引用字體文件相關的資料

熱點內容
為什麼程序員討厭中文編程 瀏覽:338
數控車床編程g40是什麼意思 瀏覽:782
人們花錢為什麼逐漸網路化 瀏覽:272
如何用編程辦理電信業務 瀏覽:189
數控磨床小圓弧怎麼編程 瀏覽:390
桐鄉編程貓在哪裡 瀏覽:69
同一文件夾存儲大量文件 瀏覽:126
chrome修改js 瀏覽:842
用pad怎麼發word文件怎麼打開 瀏覽:465
哪個網站有幼 瀏覽:299
航班APP哪個最好 瀏覽:590
網路原創如何增強教育活力 瀏覽:527
蘋果第三方打開文件 瀏覽:310
蘋果電腦桌面移除的文件夾怎麼恢復 瀏覽:292
在文件名前添加字元 瀏覽:424
javaexcel導出控制項 瀏覽:484
怎麼樣粉碎文件 瀏覽:798
谷歌網站怎麼更新 瀏覽:934
svn命令行刪除文件夾 瀏覽:277
如何建立共享數據表 瀏覽:247

友情鏈接