十三章:使用WEB字体

摘要:
这是使用字体版权的月度或年度付款,而不是直接购买字体。重命名字体族以使其成为字体的代码。

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字体》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇window+kafkaJava和.NET下socket转换错误记录下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

移动端屏幕适配+事件+常见问题解决

移动端屏幕适配 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 移动端屏幕适配与响应式的区别移动端屏幕适配: 移动端 宽高% / rem 字体px 宽...

1-4 Sass的基本特性-基础

[Sass]声明变量 定义变量的语法: 在有些编程语言中(如,JavaScript)声明变量都是使用关键词“var”开头,但是在 Sass 不使用这个关键词,而是使用大家都喜欢的美元符号“$”开头。我想用一张图来解释,我一直坚信,一图胜千言万语: 上图非常清楚告诉了大家,Sass 的变量包括三个部分: 声明变量的符号“$” 变量名称 赋予变量的值...

PHP图像处理(GD库)

一、图像处理概述 1、开启GD2图像扩展库 ①PHP不仅限于只产生HTML的输出,还可以创建与操作多种不同格式的图像文件。PHP提供了一些内置的图像处理函数,也可以使用GD函数库创建新图像或处理已有的图像。目前GD2库支持JPEG、PNG和WBMP格式。 ②GD扩展用于动态创建图片,使用C语言编写,开放源代码,现在的版本是2.0,所以称为GD2。 ③开...

字体图标的用法总结

1:图标有哪些格式,什么是字体图标? 传统图标采用图片格式,有bmp,jpg,gif,png等文件格式;字体图标采用 svg 矢量图片格式 图标全部采用字体格式 可以使用color,font-size...,改变图标的颜色,大小等样式 2:字体图标实现方式分为哪几类? font+html 实现字体图标(又称:Unicode引用) font+css 实...

vue 移动端车牌键盘

1.npm install input-plate-number --save 样式可以,键盘相对严谨,但是输入有bug, 2.npm installvue-carplate --save 插件样式个人看来是最好看的,键盘的输入最严谨,但是没有新能源车牌的选项, 3.https://github.com/Pinenutss/LicensePlate 插件是...

D3D中的字体绘制示例

技巧如下:字体的绘制需要使用ID3DXFont对象和 D3DXCreateFontIndirect函数。DirectX SDK文档对ID3DXFont做了简要的说明:The ID3DXFont interface encapsulates the textures and resources needed to render a specific font...