css引用字型問題,css怎麼呼叫外部字型?

2022-01-31 00:37:01 字數 2992 閱讀 3006

1樓:匿名使用者

在css中通過@font-face屬性來實現網頁中嵌入特殊字型。

首先獲取要使用字型的三種檔案格式.eot、.ttf或.otf、.svg,確保能在主流瀏覽器中都能正常顯示該字型。

.eot,適用於internet explorer 4.0+.ttf或.otf,適用於firefox 3.5、safari、opera

.svg,適用於chrome、iphone最常見的是.ttf檔案,需要通過這種檔案格式轉換為其餘兩種檔案格式。

在css中進行如下宣告:

@font-face

/*其中fontname替換為你的字型名稱*/在css中使用這個字型h1

2樓:從前有個

你在eot後面加一個?#iefix試試,我之前也做過css嵌入字型,而且各個瀏覽器測試也沒什麼問題,我當時的寫法是這樣的

@font-face

你可以對比一下,另外可以看看在url裡面加單引號會不會解決問題。

css引用字型問題

3樓:匿名使用者

在css中通過@font-face屬性來實現網頁中嵌入特殊字型。

首先獲取要使用字型的三種檔案格式.eot、.ttf或.otf、.svg,確保能在主流瀏覽器中都能正常顯示該字型。

.eot,適用於internet explorer 4.0+.ttf或.otf,適用於firefox 3.5、safari、opera

.svg,適用於chrome、iphone最常見的是.ttf檔案,需要通過這種檔案格式轉換為其餘兩種檔案格式。

在css中進行如下宣告:

@font-face

/*其中fontname替換為你的字型名稱*/在css中使用這個字型h1

4樓:紫函娛樂

在css中通過@font-face屬性來實現網頁中嵌入特殊字型。

首先獲取要使用字型的三種檔案格式.eot、.ttf或.otf、.svg,確保能在主流瀏覽器中都能正常顯示該字型。

.eot,適用於internet explorer 4.0+.ttf或.otf,適用於firefox 3.5、safari、opera

.svg,適用於chrome、iphone最常見的是.ttf檔案,需要通過這種檔案格式轉換為其餘兩種檔案格式。

在css中進行如下宣告:

@font-face

/*其中fontname替換為你的字型名稱*/在css中使用這個字型h1

css怎麼呼叫外部字型?

5樓:稻草人生活印記

css中可以使用font-face屬性即可實現呼叫任何外部等特殊字型。

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

對瀏覽器的支援:

firefox、chrome、safari 以及 opera 支援 .ttf (true type fonts) 和 .otf (opentype fonts) 型別的字型。

internet explorer 9+ 支援新的 font-face 規則,但是僅支援 .eot 型別的字型 (embedded opentype)。

使用您需要的字型。

在新的 font-face 規則中,您必須首先定義字型的名稱(比如 myfirstfont),然後指向該字型檔案。

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

使用粗體字型。

您必須為粗體文字新增另一個包含描述符的 @font-face。

檔案 "aa.ttf" 是另一個字型檔案,它包含了 sansation 字型的粗體字元。

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

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

實際案例:

案例1:

案例2:

@font-face

注意事項:

a、internet explorer 8 以及更早的版本不支援新的  font-face 規則。

b、**中注意負符號,均為英文狀態下。

c、字型檔案格式必須新增字尾,且連結中必須帶字尾。

6樓:無恙話樂

css呼叫外部字型的方法可以通過**來實現,具體方法如下:

@font-face

.my_css3_class

注:/* */ 之間的字是解釋說明的,可以不放到**當中。

7樓:匿名使用者

方法如下:

@font-face

.my_css3_class

為了混淆下面的是沒有做註釋的原始檔:

@font-face

.my_css3_class

8樓:匿名使用者

body

這個應該可以了

css 關於載入我指定的字型問題,大俠敬進

9樓:

問題一:你可以寫在外部的css檔案內,在網頁中呼叫時用:

,你也可以直接寫在網頁中,不過好像沒有用@符號的,我只記得有.font-face(font-face

前有個點)和#font-face

,其中.font-face

用class引用,#font-face

用id引用,也就是問題二可以寫

或者。

求助,css外部載入字型問題.

10樓:曾家嶺

@face-font

// 這個是寫在css裡面

為什麼我這css的字型引用沒有效果?

11樓:純潔的小樹

使用firebug看看檔案有麼有調進來,路徑對不對等等

CSS如何單獨控制字型透明,CSS怎麼設定讓背景顏色透明,而文字不透明

使用css的chroma濾鏡來可以把字型顏色自設定為透明樣式。將chroma濾鏡的顏色和字型的顏色設定為相同時,不論網頁的背景顏色如何設定,字型的顏色都會顯示為透明。在瀏覽器中檢視使用css濾鏡把字型的顏色設定為透明的顯示效果。如下圖所示 把背景和文字放 來在兩個容器中 自,然後設定背景容器的透明度...

CSS設定全域性字型

1 我們選擇將我們的樣式全部建到一個css文件中,通過呼叫css檔案來載入樣式。2 在頭部呼叫css檔案樣式。3 對於css,我們最常用的是通過class或是標籤名來控制樣式。4 我們控制字型樣式使用的font。5 比如我們要設定字型的大小,那麼我們可以使用font size,來進行設定。6 如果我...

html檔案如何引用外部css檔案

html中引入css的主要方式有四種,分別是外部樣式 內部樣式 內聯樣式 匯入式。一 外部樣式 一 使用外部樣式的好處 1.減少 量 中相同部分的樣式只需要編寫一次,我們只需要把css檔案引入到不同的html頁面中即可實現展示效果。2.更改 風格方便,我們可以通過修改一個css檔案就可以實現整個 的...