1.WEB字体可以使用一系列文件类型,下面介绍三种字体类型:

(1)内嵌OpenType

(2)TrueType和OpenType台式机使用的标准字体文件类型

(3)WEB开放字体格式。

2.构造子集:节省页面重量的一种方法是构造子集,构造子集是通过仅包含确定使用字符削减实际字体大小的方法。

3.在网站上使用Web字体有两种方式:自托管和Web字体服务。

(1)自托管Web字体来源于你自己的服务器,就像其他的资源一样。如果需要与字体相关的花费也是一次性的购买支出。

(2)Web字体服务:通常提供订购Web字体的方法。这种方式是按月或年支付使用字体的版权费用而不是彻底的买断字体。

4.使用Web字体设置文本样式:

(1)从下载的ZIP文件中的web fonts文件夹找到stylesheet.css文件。

(2)为常规文本准备的@font-face样式规则复制到你自己的样式中

(3)将字体文件复制到包含你样式表的文件夹中。

(4)对font-family进行重命名,让该名称成为字体的代号。

(5)使用你最熟悉的方法,创建为文本元素添加样式的规则。为应用Web字体,在样式规则中输入font-f:‘web font name’;其中的web font name是上一步骤创建的名字。

5.为Web字体应用斜体步骤:

(1)从下载的ZIP文件中的web fonts文件夹找到stylesheet.css文件。

(2)为常规文本准备的@font-face样式规则复制到你自己的样式中

(3)将斜体字体文件复制到包含你样式表的文件夹中。

(4)对font-family进行重命名,让该名称成为字体的代号。

(5)将斜体文本@font-face样式规则中的font-style值改为font-style:italic。

6.为Web应用粗体步骤:

(1)从下载的ZIP文件中的web fonts文件夹找到stylesheet.css文件。

(2)为常规文本准备的@font-face样式规则复制到你自己的样式中

(3)将斜体字体文件复制到包含你样式表的文件夹中。

(4)对粗体文本@font-face样式规则中的font-family值进行重命名,使之与针对常规文本的样式规则中的名称保持一致。

(5)将粗体文本@font-face样式规则中的font-weight值改为font-weight:bold。

7.为Web字体应用粗斜体的步骤:

(1)从下载的ZIP文件中的web fonts文件夹找到stylesheet.css文件。

(2)为常规文本准备的@font-face样式规则复制到你自己的样式中

(3)将斜体字体文件复制到包含你样式表的文件夹中。

(4)对粗斜体文本@font-face样式规则中的font-family值进行重命名,使之与针对常规文本的样式规则中的名称保持一致。

(5)将粗体文本@font-face样式规则中的font-weight值改为font-weight:bold,同时将斜体文本@font-face样式规则中的font-style值改为font-style:italic。

十三章:使用WEB字体的更多相关文章

  1. JavaScript高级程序设计:第十三章

    第十三章 一.理解事件流 事件流描述的是从页面中接收事件的顺序. 1.事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点.以下面的HTML页面为例: ...

  2. CSS3秘笈:第十二章&第十三章

    第十二章 1.网页布局类型 (1)固定宽度 (2)流式 (3)响应式Web设计 2.CSS布局的方法 通过给元素设置一个宽度,将它浮到左侧或右侧,就可以创建一个列(元素后面的文本会环绕浮动的元素,仿佛 ...

  3. 《汇编语言 基于x86处理器》第十三章高级语言接口部分的代码 part 2

    ▶ 书中第十三章的程序,主要讲了汇编语言和 C/++ 相互调用的方法 ● 代码,汇编中调用 C++ 函数 ; subr.asm INCLUDE Irvine32.inc askForInteger P ...

  4. 第二十三章 多项目集中权限管理及分布式会话——《跟我学Shiro》

    二十三章 多项目集中权限管理及分布式会话——<跟我学Shiro> 博客分类: 跟我学Shiro 跟我学Shiro  目录贴:跟我学Shiro目录贴 在做一些企业内部项目时或一些互联网后台时 ...

  5. 《深入浅出Node.js》第8章 构建Web应用

    @by Ruth92(转载请注明出处) 第8章 构建Web应用 一.基础功能 请求方法:GET.POST.HEAD.DELETE.PUT.CONNECT GET /path?foo=bar HTTP/ ...

  6. Monotype推出基于HTML5的Web字体平台

    著名字体公司Monotype近日宣布推出基于HTML5的Web字体平台,设计者可以访问近10万字体的目录. Monotype推出基于HTML5的Web字体平台 Monotype推出基于HTML5的We ...

  7. PRML读书会第十三章 Sequential Data(Hidden Markov Models,HMM)

    主讲人 张巍 (新浪微博: @张巍_ISCAS) 软件所-张巍<zh3f@qq.com> 19:01:27 我们开始吧,十三章是关于序列数据,现实中很多数据是有前后关系的,例如语音或者DN ...

  8. 如何把你的图标转换成web字体

    在这篇教程中,我们将使用一个免费的Web应用程序IcoMoon将矢量图转换成Web字体,然后将生成的字体通过css应用到Web页面中. 通常我们在网站中必不可少的会使用到一些小图标.在正常尺寸下,布局 ...

  9. <构建之法>第十三章到十七章有感以及这个项目读后感

    <构建之法>第十三章到十七章有感 第13章:软件测试方法有哪些? 主要讲了软件测试方法:要说有什么问题就是哪种效率最高? 第14章:质量保障 软件的质量指标是什么?怎么样能够提升软件的质量 ...

随机推荐

  1. MVC教程

    http://developer.51cto.com/art/201309/409950_all.htm

  2. 滚动动画animate-scroll扩展

    原动画库地址:animate-scroll 扩展动画库下载地址:animate-scroll-ext 由于项目需要,对animate-scroll进行扩展,扩展后修改或增加了以下几点: 对原动画库进行 ...

  3. jQuery EasyUI的使用入门

    jQuery EasyUI不是什么太高级的东西,就是用jQuery写了很多方法.定义了很多属性,通过调用这些方法.属性,可以达到一些特定的效果,然后我们再根据具体需求微调就好了.至少需要导入两个样式表 ...

  4. mongo 初级使用

    1.找到mongo所在地址 cd /usr/bin 2.进入mongo 命令:mongo mongo:端口(默认27017) ps:我用的是30005 3.选择使用的database 命令:use 自 ...

  5. 查看源码利器之sublime text 3 配置 Ctags 插件

    最近在看源码的时候发现sublime text 3是很给力的一款软件,小巧精致,这里着重讲解一下Ctags协助编译和跟踪函数 一.安装Package Control (如果Preferences &g ...

  6. CentOS启动不显示图形界面直接进入命令行模式

    我现在用的是 CentOS 6.3 开机后进入图形化界面还是进入命令行取决于inittab文件中的配置.该文件位于etc目录下. # vi /etc/inittab 找到下面的语句: # Defaul ...

  7. hdu 1839 Delay Constrained Maximum Capacity Path

    最短路+二分. 对容量进行二分,因为容量和时间是单调关系的,容量越多,能用的边越少,时间会不变或者增加. 因为直接暴力一个一个容量去算会TLE,所以采用二分. #include<cstdio&g ...

  8. ZUFE OJ 2145 05机关图

    Description Ink最近得到了一张藏宝图,这张图上共有n个藏宝室,但因为年代久远藏宝图上的路已经模糊不清,于是Ink找到了智慧的Pseudo,Pseudo告诉Ink,这个宝藏中每两个藏宝室之 ...

  9. Java知识补充

    1.SUN,为standford university network 2.java的标志位咖啡,java本意为南美的一种咖啡.因为oak已被注册 3.JDK为java se development ...

  10. Linux常用使用技巧

    一.如何实时查看linux下的日志 cat /var/log/*.log 如果日志在更新,如何实时查看 tail -f /var/log/messages 还可以使用 watch -d -n 1 ca ...