|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
网页制造poluoluo文章简介:TypeSelect现实上是定制了typeface的某些办法,但同时必要jQuery库的撑持,用法和typeface是一样的.
网站的计划已愈来愈倾向本性化了,人人都在千方百计的完成共同的网站作风,嵌进字体/收集字体是到达这一方针的办法之一。而之前,我们在《怎样在网页计划中利用本性化字体》中有先容过typeface.js,它能够很便利的将本性字体嵌进到网页中,而且具有优秀的兼容性,从而能够填补@font-face的不敷。可是typeface有个不敷——利用typeface的字体不克不及被选中,这明显会影响网站的用户体验。
如今好了,已出来了一个非官方的办理计划:TypeSelect。
TypeSelect现实上是定制了typeface的某些办法,但同时必要jQuery库的撑持,用法和typeface是一样的:
在页面的头部加载以下js文件:- <linkrel="stylesheet"type="text/CSS"href="css/typeselect.css"/><scripttype="text/javascript"src="js/typeface-custom.js"></script><scripttype="text/javascript"src="fonts/nilland_regular.typeface.js"></script><scripttype="text/javascript"src="js/jquery-1.3.2.min.js"></script><scripttype="text/javascript"src="js/typeselect.js"></script>
复制代码 然后在页面或CSS中界说你要嵌进的字体称号:
HTML中:- <h1class="select"style="font-family:LinuxLibertine,Georgia,serif;">YourText</h1>
复制代码 CSS中:- h1{font-size:55px;font-family:Nilland,Times;font-weight:normal;font-style:normal;}
复制代码 请注重以下事项:
- 你必要给利用指定字体的元素指定一个”select”类,也就是class=”select”;
- 你不必要再利用原始的typeface.js文件,而必要利用typeface-custom.js;
- 该效果不撑持Opera扫瞄器;
- 尚不撑持链接的伪类,如a:hover、a:visited等;
- 尚不撑持背景致。
欲懂得更多,请到这里下载一个演示包,大概到官方网站检察更多信息。
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。 |
|