css引用外部字體文件

❶ 在html5中怎麼引入css樣式

1、html5使用link標簽引入外圍的css樣式表。方法是首先打開hbuilder軟體，在一個外部css文件中編寫css代碼，然後可以能過 link 引入到html中，這里設置了兩個屬性的字體和顏色屬性：

❷ 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、字體文件格式必須添加後綴，且鏈接中必須帶後綴。

❸ html文件如何引用外部css文件

Html中引入css的主要方式有四種，分別是外部樣式、內部樣式、內聯樣式、導入式。

一、外部樣式

(一) 使用外部樣式的好處

1.減少代碼量 ，網站中相同部分的樣式只需要編寫一次，我們只需要把css文件引入到不同的html頁面中即可實現展示效果。

2.更改網站風格方便，我們可以通過修改一個css文件就可以實現整個網站的外觀修改。

3.Html頁面渲染時，css文件能夠被同時載入。

4.結構與表現分離，便於後期維護。

(二) 適用於多個頁面需要相同樣式內容的時候使用

(三) 書寫位置：新建單獨的後綴名為.css文件，使用link標簽引入到html頁面中，將link標簽放到Html頁面的head標簽中

例：

四. 導入式

(一) 使用導入的好處

1.減少代碼量，網站中相同的部分的樣式只需要書寫一次，後續只需要把css文件引入到不同的Html頁面中即可。

2.更改網站風格方便，我們可以通過修改一個css文件，就可以修個整個網站的外觀。

3.結構與表現分離，便於後期維護。

(二) 使用導入的缺點

1.需要等Html頁面全部載入完才能載入css文件。

(三) 適用於多個頁面需要展示相同樣式的時候

(四) 書寫位置:寫在Html頁面的head標簽中的style表現中，用@import導入css文件

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

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