麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > 網頁設計 > 正文

用@font-face實現網頁特殊字符(制作自定義字體)

2024-08-30 08:35:08
字體:
來源:轉載
供稿:網友

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

  首先,我們去C盤Fonts文件夾里找到WEBDINGS.TTF字體,復制到桌面。接下來,我們需要一個軟件,就是“fontforge”,它可以實現制作自定義字體的功能,我們后面就要用它來做一個適用于我們自己的字體庫。

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

  很多圖形字符吧,是不是發現很多字符以前都用到過,只不是那時是用圖片來實現的?

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

  然后保存,選擇Generate Fonts:

  然后設置保存為.ttf結尾的文件:

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

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

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: hdbbwsexvideo| 精品久久久久久久久久久aⅴ | 免费国产自久久久久三四区久久 | 国产色爱综合网 | 国产精品久久久久久影院8一贰佰 | 精品国产91久久久久久久妲己 | 在线观看国产 | 欧美中文字幕一区二区三区亚洲 | 久久精品电影网 | 久久国产精品久久久久久电车 | 久久久久成人免费 | 精品999www| 免费观看欧美一级片 | 日本韩国欧美一级片 | 日日鲁夜夜视频热线播放 | 国产精品美女久久久久久不卡 | 亚洲精品7777xxxx青睐 | 日韩在线播放第一页 | 羞羞电影在线观看 | 91香蕉国产亚洲一区二区三区 | 成人免费一区二区三区在线观看 | 午夜精品老牛av一区二区三区 | 高清av免费 | 99国产精品自拍 | 在线 日本 制服 中文 欧美 | 国产成年免费视频 | 日本精品视频一区二区三区四区 | 欧美日韩国产一区二区三区在线观看 | 国产乱色精品成人免费视频 | 久久久日韩av免费观看下载 | 久久91久久 | 制服丝袜成人动漫 | 国产小视频在线 | 国产色视频一区 | 久久久一二三 | 久久国产乱子伦精品 | 粉嫩av一区二区三区四区在线观看 | 日本a在线观看 | h视频免费在线观看 | 久久性生活免费视频 | 二区三区四区视频 |