仓酷云

标题: 带来一篇TypeSelect完成网页嵌进字体 [打印本页]

作者: 小魔女 时间: 2015-1-15 23:52
标题: 带来一篇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
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

作者: 透明 时间: 2015-2-4 04:14
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

作者: 分手快乐 时间: 2015-2-9 15:50
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 愤怒的大鸟 时间: 2015-2-9 15:50
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

作者: 飘灵儿 时间: 2015-2-27 09:10
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

作者: 老尸 时间: 2015-3-9 04:26
可以使用 CSS 检查工具进行设计。

作者: 深爱那片海 时间: 2015-3-16 22:10
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

作者: 谁可相欹 时间: 2015-3-23 08:13
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

欢迎光临仓酷云 (http://www.ckuyun.com/)