在前端開(kāi)發(fā)過(guò)程中,psd稿中經(jīng)常會(huì)使用特殊的字體樣式,我們?cè)谔幚頃r(shí)需要考慮到一些可能出現(xiàn)的情況及問(wèn)題:
1.字體樣式是否存在版權(quán)問(wèn)題
2.文字分情況劃分:
例:在logo、特殊圖片、固定圖片、固定背景圖等位置中,不需要后臺(tái)數(shù)據(jù)更改遍歷的固定型文字,可以使用切成圖片的形式來(lái)展現(xiàn)
例:在一些需要遍歷的后臺(tái)數(shù)據(jù),如:新聞標(biāo)題、日期時(shí)間、欄目banner文字等,這些需要css引入外部字體樣式來(lái)實(shí)現(xiàn)
外部字體樣式引用方法:
<1>.下載所需的字體樣式,格式有所區(qū)別,常用.TTF、.OTF格式格式
.TTF或.OTF,適用于Firefox 3.5、Safari、Opera
.EOT,適用于Internet Explorer 4.0+
.SVG,適用于Chrome、IPhone
<2>.將字體文件放入項(xiàng)目文件夾,通常在css中font文件夾
<3>.css中引用方法
<4>.標(biāo)簽中引用