用@font

日期:2021-01-20 类型:科技新闻 

关键词:小程序如何制作,预约小程序,微信小程序怎么做,微信抽奖小程序,小程序外包

  前几日写了篇文章内容,便是用css来完成3角箭头,尽管做到必须的实际效果了,但還是有1些难题,例如依然必须靠position来精准定位箭头的部位。并且现阶段也只能完成3角箭头,若想用1些别的的标识符,還是得用照片。因而近期1直在找寻更好的方法,最后被我寻找了……

  最先,大家去C盘Fonts文档夹里寻找WEBDINGS.TTF字体样式,拷贝到桌面上。接下来,大家必须1个手机软件,便是“fontforge”,它能够完成制做自定字体样式的作用,大家后边就要用它来做1个可用于大家自身的字体样式库。

  免费下载好后解压,把WEBDINGS.TTF字体样式拷贝到里边,运作fontforge.bat并挑选字体样式文档,随后出現这个页面:

  许多图型标识符吧,是否发现许多标识符之前都用到过,只并不是那时是用照片来完成的?

  接下来大家要做的便是挑选必须的标识符,存到另外一个字体样式文档里,由于WEBDINGS.TTF这个文档里的大多数数据符全是用不到的,因此立即用这个文档来当大家的标识符库有点略大,因此大家只需挑选大家必须的就行,实际操作上大家先新建1个空白的字体样式文档,点File->New,随后挑选必须的标识符,并拷贝到新建的字体样式文档中,如:

  随后储存,挑选Generate Fonts:

  随后设定储存为.ttf末尾的文档:

  这样,大家的字体样式文档就做好了。可是,都还没完毕,由于IE只了解.eof,不了解.ttf,因此大家还必须转化成别的的字体样式文档,有关这个难题,我很早写过篇文章内容,实际操作方式都有表明,就不实际详细介绍了,文章内容连接:《网页页面中应用随意字体样式之具体实际操作》。

  最终,假如你感觉实际操作太不便,能够免费下载我梳理的1个标识符库,关键是以箭头为主,由于太常见了。
  免费下载详细地址

  总的来讲,这个物品尽管会提升载入网页页面文档的总尺寸,可是假如有自身的标识符库,实际操作性会更为多元化化。由于大家能够操纵标识符的尺寸、色调,乃至也有黑影、旋转等css3实际效果,而照片假如要换个色调,就务必改动,或再次制做1张,可塑性不强。

  PS:我的EonerCMS里,对话框右上和右下的按钮都早已换为标识符了,实际效果挺非常好的

  PS2:谢谢@小熊出示的思路,既然能够用过css3&滤镜完成标识符转动,大家在制做标识符库的情况下,4个方位的箭头便可以只纪录1个,根据编码来让其开展转动,来降低标识符库文档的尺寸。