最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

用@font-face實(shí)現(xiàn)網(wǎng)頁特殊字符(制作自定義字體)

  發(fā)布時間:2013-04-01 11:24:51   作者:佚名   我要評論
用css來實(shí)現(xiàn)三角箭頭,雖然達(dá)到需要的效果了,但還是有一些問題,比如依舊需要靠position來定位箭頭的位置,目前也只能實(shí)現(xiàn)三角箭頭,若想用一些其他的字符,還是得用圖片,接下來與大家分享一個好的方法

  前幾天寫了篇文章,就是用css來實(shí)現(xiàn)三角箭頭,雖然達(dá)到需要的效果了,但還是有一些問題,比如依舊需要靠position來定位箭頭的位置。而且目前也只能實(shí)現(xiàn)三角箭頭,若想用一些其他的字符,還是得用圖片。于是最近一直在尋找更好的辦法,最終被我找到了……

  首先,我們?nèi)盤Fonts文件夾里找到WEBDINGS.TTF字體,復(fù)制到桌面。接下來,我們需要一個軟件,就是“fontforge”,它可以實(shí)現(xiàn)制作自定義字體的功能,我們后面就要用它來做一個適用于我們自己的字體庫。

  下載好后解壓,把WEBDINGS.TTF字體復(fù)制到里面,運(yùn)行fontforge.bat并選擇字體文件,然后出現(xiàn)這個界面:

  很多圖形字符吧,是不是發(fā)現(xiàn)很多字符以前都用到過,只不是那時是用圖片來實(shí)現(xiàn)的?

  接下來我們要做的就是選擇需要的字符,存到另一個字體文件里,因為WEBDINGS.TTF這個文件里的大多數(shù)字符都是用不到的,所以直接用這個文件來當(dāng)我們的字符庫有點(diǎn)略大,所以我們只需選擇我們需要的就行,操作上我們先新建一個空白的字體文件,點(diǎn)File->New,然后選擇需要的字符,并復(fù)制到新建的字體文件中,如:

  然后保存,選擇Generate Fonts:

  然后設(shè)置保存為.ttf結(jié)尾的文件:

  這樣,我們的字體文件就做好了。但是,還沒有結(jié)束,因為IE只認(rèn)識.eof,不認(rèn)識.ttf,所以我們還需要生成其他的字體文件,關(guān)于這個問題,我很早寫過篇文章,操作方法都有說明,就不具體介紹了,文章鏈接:《網(wǎng)頁中使用任意字體之實(shí)際操作》。

  最后,如果你覺得操作太麻煩,可以下載我整理的一個字符庫,主要是以箭頭為主,因為太常用了。
  下載地址

  總的來說,這個東西雖然會增加加載頁面文件的總大小,但是如果有自己的字符庫,操作性會更加多元化。因為我們可以控制字符的大小、顏色,甚至還有陰影、翻轉(zhuǎn)等css3效果,而圖片如果要換個顏色,就必須修改,或者重新制作一張,可塑性不強(qiáng)。

  PS:我的EonerCMS里,窗口右上和右下的按鈕都已經(jīng)換成字符了,效果挺不錯的

  PS2:感謝@小熊提供的思路,既然可以用過css3&濾鏡實(shí)現(xiàn)字符旋轉(zhuǎn),我們在制作字符庫的時候,4個方向的箭頭就可以只記錄一個,通過代碼來讓其進(jìn)行旋轉(zhuǎn),來減少字符庫文件的大小。

相關(guān)文章

最新評論

通河县| 石狮市| 怀宁县| 万荣县| 香港| 新安县| 新营市| 始兴县| 高雄市| 太湖县| 井冈山市| 江孜县| 黔东| 常山县| 东丰县| 衢州市| 浦江县| 辰溪县| 奉新县| 湘阴县| 铜鼓县| 东辽县| 河北区| 留坝县| 陆川县| 宣城市| 乐清市| 四子王旗| 涿州市| 高陵县| 宝兴县| 潮安县| 进贤县| 珲春市| 且末县| 云南省| 枣阳市| 长子县| 永顺县| 博野县| 阜阳市|