小魔女 发表于 2015-1-15 23:52:11

带来一篇TypeSelect完成网页嵌进字体

当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例: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年的艰辛努力,该标准规范终于最终制定完成。

海妖 发表于 2015-1-17 23:45:59

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.

透明 发表于 2015-2-4 04:14:02

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。

分手快乐 发表于 2015-2-9 15:50:31

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

愤怒的大鸟 发表于 2015-2-9 15:50:38

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

飘灵儿 发表于 2015-2-27 09:10:19

Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

老尸 发表于 2015-3-9 04:26:31

可以使用 CSS 检查工具进行设计。

深爱那片海 发表于 2015-3-16 22:10:14

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

谁可相欹 发表于 2015-3-23 08:13:35

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
页: [1]
查看完整版本: 带来一篇TypeSelect完成网页嵌进字体