css引入外部字型

2022-09-15 15:51:13 字數 1063 閱讀 8036

@font-face

body

不同瀏覽器字型的格式有差別

字型字尾和瀏覽器有關,如下所示

* .ttf或.otf,適用於firefox 3.5、safari、opera

* .eot,適用於internet explorer 4.0+

* .svg,適用於chrome、iphone

比如:@font-face

css3 @font-face

說@font-face是css3的新特性並不準確,因為css2就已經支援了這一特性,並且internet explorer早在第5版的時候就已經支援它了,不過ie實現方式是通過自有的eot(embeded open type)字型格式,其它瀏覽器都不支援這個格式。@font-face支援如下屬性:

font-family:設定文字的字型名稱。

font-style:設定文字樣式。

font-variant:設定文字是否大小寫。

font-weight:設定文字的粗細。

font-stretch:設定文字是否橫向的拉伸變形。

font-size:設定文字字型大小。

src:設定自定義字型的相對路徑或者絕對路徑。

示例**:

[css]view plain

copy

body   

@font-face   

在頁面中需要 的處所應用該字型:

[css]view plain

copy

h1  

怎麼把字型檔案轉換成.eot?

可以通過網頁版轉換工具進行轉換,

轉換.eot)

轉換.eot)

格式全,支援轉換.eot .woff .ttf .svg)

bootstrap,使用的字休引入

@font-face

Android 外部字型的引入

字型ttf檔案放在assets檔案下的fonts資料夾下面 address text textview findviewbyid r.id.address 引入roboto medium字型 typeface typeface typeface.createfromasset getassets f...

css 引用外部字型

lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle font face font face 使用選擇器指定字型 fs.xbs style head class f...

html引入外部css的用法

代表根目錄,慎用 代表上一級目錄 代表上兩級目錄 代表下級目錄 代表下兩級目錄 標準寫法 同級 直接引用檔名 下級 同級目錄 下級目錄 檔名 html 引用外部css檔案時若css檔案在本檔案的父目錄下的其他目錄下,可使用絕對路徑。此時路徑要寫為 形式,如在tomcat下建立乙個test檔案,在該檔...