前几天写了篇文章,就是用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个方向的箭头就可以只记录一个,通过代码来让其进行旋转,来减少字符库文件的大小。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- 王菲《FAYE BEST 新艺宝优质音响系列)[WAV+CUE][490MB]
- 群星《名人名曲收藏家1-5》5CD/DTS-ES6.1[WAV]
- 群星-名人名曲收藏家(HQCD)[WAV+CUE]
- 太平洋影音公司-蒋大为《金曲集》1986[WAV+CUE]
- 蔡依林.2001-TOGETHER【环球】【WAV+CUE】
- 阿沁.2007-梵谷的左耳【华纳】【WAV+CUE】
- 群星.2005-民歌大联唱3CD【九洲】【WAV+CUE】
- 雨果唱片-《中国管弦乐及小品系列-花儿与少年》(APE+CUE)
- 中国古琴作品集《平沙落雁HQ》头版限量编号[低速原抓WAV+CUE]
- 荷东串烧《第三集》wav
- 群星《国语精选监听版 新艺宝优质音响系列》[WAV+CUE][520MB]
- Beyond《无悔这一生 新艺宝优质音响系列》[WAV+CUE][480MB]
- Beyond《LIVE '91演唱会 新艺宝优质音响系列 2CD》[WAV+CUE][760MB]
- 吴淑敏.1998-阮的一生【金锐唱片】【WAV+CUE】
- 林志颖.1994-向昨天说再见【飞碟】【WAV+CUE】