天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>软件应用>使用TypeSelect实现嵌入字体效果

使用TypeSelect实现嵌入字体效果

天极网2009-07-21 14:08我要吐槽

  网站的设计已经越来越偏向个性化了,大家都在想方设法的实现独特的网站风格,嵌入字体/网络字体是达到这一目标的方法之一。虽然typeface.js是一个不错的选择,它可以很方便的将个性字体嵌入到网页中,并且具有良好的兼容性,从而可以弥补@font-face的不足。但是typeface也有个不足——使用typeface的字体不能被选中,这显然会影响网站的用户体验。

  而现在出来的一个非官方的解决方案:Type Select。TypeSelect事实上是定制了typeface的某些方法,但同时需要jQuery库的支持,用法和typeface是一样的:

  在页面的头部加载以下js文件

  CSS

  然后在页面或CSS中定义你要嵌入的字体名称:

  HTML中:

  

CSS

  CSS中:

  h1 {font-size: 55px; font-family: Nilland, Times; font-weight: normal; font-style: normal;}

  请注意以下事项:

  1、你需要给使用指定字体的元素指定一个”select”类,也就是class=”select”;

  2、你不需要再使用原始的typeface.js文件,而需要使用typeface-custom.js;

  3、该效果不支持Opera浏览器;

  4、尚不支持链接的伪类,如a:hover、a:visited等;

  5、尚不支持背景色。

作者:前端观察 神采飞扬责任编辑:盛晓莹)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级