国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

使用CSS3的font-face字體嵌入樣式的方法講解

2024-07-11 08:33:00
字體:
來源:轉載
供稿:網友

對于一個出色的網頁,字體的選擇是相對關鍵的,無奈設計師必須考慮用戶的本地端是否有相應的字體,因此設計常常只能使用一些較為大眾化的常見字體,而舍棄更加適合的字體。在 CSS3 中,這一情況將可以改變。CSS3 中引入了 font-face(嵌入字體類型),實驗 font-face 可以把需要的字體上傳到自己的服務器,再在服務器的網頁中使用該字體并顯示出來,無論瀏覽網頁的用戶的本地端是否有該字體。

語法:

CSS Code復制內容到剪貼板
  1. @font-face { font-family : name ; src : url ( url ) ; sRules }   

取值:
name  : 字體名稱。任何可能的 font-family 屬性的值
url ( url )  : 使用絕對或相對 url 地址指定OpenType字體文件
sRules  : 樣式表定義

說明:
設置嵌入HTML文檔的字體。此規則無默認值。
此規則使你能夠在網頁上使用客戶端本地系統上可能沒有的字體。 url 地址必須指向 OpenType 字體文件(.eot或.ote)。此文件包含可以轉換為 TrueType 字體的壓縮字體數據,可以用來提供HTML文檔使用該字體,或取代客戶端系統已有的同名字體。

示例:
例如下面的效果:
2016513113814566.png (1004×204)

CSS Code復制內容到剪貼板
  1. @font-face {        font-family: 'vanessalovesyoumedium';   
  2.     src: url('vanessalovesyou-webfont.eot');        src: url('vanessalovesyou-webfont.eot?#iefix') format('embedded-opentype'),   
  3.          url('vanessalovesyou-webfont.ttf') format('truetype'),        font-weight: normal;   
  4.     font-style: normal;    }   
  5. #test-font {        font-size: 24px;   
  6. }    #test-font span{   
  7.     font-family: vanessalovesyoumedium;    }  

使用 @font-face 定義字體所需要的文件,為了兼容各個瀏覽器,需要使用多種不同的字體格式,建議至少要有 .eot 和 .ttf 兩種格式,.eot 用于 IE5+ ,.ttf 用于 Chrome 等現代瀏覽器,另外 .otf 也是不錯的選擇,也可以用于現代瀏覽器。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 社会| 韩城市| 万全县| 定襄县| 新河县| 广水市| 隆德县| 通化县| 社会| 当涂县| 宣化县| 武定县| 马山县| 仙游县| 上栗县| 株洲县| 天门市| 壤塘县| 法库县| 射阳县| 莎车县| 鹤岗市| 左云县| 黎平县| 广元市| 敦煌市| 南京市| 千阳县| 遂昌县| 保康县| 瓦房店市| 加查县| 禄劝| 北碚区| 扶余县| 平潭县| 马龙县| 冷水江市| 芷江| 大竹县| 乌兰浩特市|