css怎么引入外部字体？
一、font-family属性的作用与使用？
1.font-family属性的作用
font-family属性就是可以用css代码设置页面上文字显示的字体样式，例如：宋体，微软雅黑等等。font-family属性设置不同的字体，可以让页面显示效果更协调美观。
font-family属性可以定义多个值（字体），用逗号隔开。假如扫瞄器不支持第一个字体，则会尝试下一个，直到有一个可识别的。扫瞄器会用法它可识别的第一个值。
2.font-family属性的使用
font-family:"设置字体名称";
1.font-family属性的作用
font-family属性就是可以用css代码设置页面上文字显示的字体样式，例如：宋体，微软雅黑等等。font-family属性设置不同的字体，可以让页面显示效果更协调美观。
font-family属性可以定义多个值（字体），用逗号隔开。假如扫瞄器不支持第一个字体，则会尝试下一个，直到有一个可识别的。扫瞄器会用法它可识别的第一个值。
2.font-family属性的使用
font-family:"设置字体名称";
例：
css代码：
.demo{font-family:"微软雅黑";}
html代码：
我是一段测试文字
这样在demo盒子里的全部文字都会以微软雅黑的字体样式显示。
二、CSS怎么引入外部字体？
普通扫瞄器常用的字体包括：宋体、黑体、微软雅黑等几种。由于网页载入挑选字体时
css代码：
.demo{font-family:"微软雅黑";}
html代码：
我是一段测试文字
这样在demo盒子里的全部文字都会以微软雅黑的字体样式显示。
二、CSS怎么引入外部字体？
普通扫瞄器常用的字体包括：宋体、黑体、微软雅黑等几种。由于网页载入挑选字体时
候是调用拜访者系统文字库的文字字体，假如没有到字体那将显示默认的网页字体。而每个人安装的操作系统默认有这几种字体，所以这些字体又称为平安字体。但为了一些特别的需要，显示有共性化的、好看的文字样式，我们可以引用一些外部字体。
CSS引入外部字体的办法（@font-face）：
1.@font-face标签介绍
@font-face允许您在网页中用法电脑中没有安装的字体，彻低挣脱平安字体的限制。只需将字体包安装在服务器上，当用户加载网页时，字体包会自动下载到用户机器上，保证字体能够正确渲染。
2.CSS引入外部字体的步骤
1）在CSS中引入字体并给外部字体自定义一个名称
CSS引入外部字体的办法（@font-face）：
1.@font-face标签介绍
@font-face允许您在网页中用法电脑中没有安装的字体，彻低挣脱平安字体的限制。只需将字体包安装在服务器上，当用户加载网页时，字体包会自动下载到用户机器上，保证字体能够正确渲染。
2.CSS引入外部字体的步骤
1）在CSS中引入字体并给外部字体自定义一个名称
@font-face{
/*font-properties*/
font-family:用户自定义的字体名称;
src:url(&39;加载外部字体文件的文件地址&39;),
url(&39;加载外部字体文件的文件地址&39;),
url(&39;加载外部字体文件的文件地址&39;);/*IE9*/
}
font-family定义字体的名字，接下来的src是加载字体文件的位置，之全部有多个url就是由于扫瞄器兼容问题。
2）用法刚刚定义的字体
div{
font-family:用户自定义的字体名称;
}
代码实例：
@font-face{
2）用法刚刚定义的字体
div{
font-family:用户自定义的字体名称;
}
代码实例：
@font-face{
font-family:&39;YaHeiConsolasHybrid&39;;
src:url(&39;../f&39;);
}
body{
font-family:&39;YaHeiConsolasHybrid&39;;
font-size:16px;
}
考虑到不同扫瞄器字体的格式有差别（兼容扫瞄器）
src:url(&39;../f&39;);
}
body{
font-family:&39;YaHeiConsolasHybrid&39;;
font-size:16px;
}
考虑到不同扫瞄器字体的格式有差别（兼容扫瞄器）
/*字体后缀和扫瞄器有关，如下所示
*.TTF或.OTF，适用于Firefox3.5、Safari、Opera
*.EOT，适用于InternetExplorer4.0+
*.SVG，适用于Chrome、IPhone
*/
@font-face{
font-family:&39;HansHandItalic&39;;
src:url(&39;&39;);
src:url(&39;?iefix&39;)format(&39;embedded-opentype&39;),
url(&39;fonts/hanshand-webfont.woff&39;)format(&39;woff&39;),
url(&39;f&39;)format(&39;truetype&39;),
url(&39;fonts/hanshand-webfont.svgwebfont34M5alKg&39;)format(&39;svg&39;);
font-weight:normal;
font-style:normal;
fonts字体怎么安装src:url(&39;?iefix&39;)format(&39;embedded-opentype&39;),
url(&39;fonts/hanshand-webfont.woff&39;)format(&39;woff&39;),
url(&39;f&39;)format(&39;truetype&39;),
url(&39;fonts/hanshand-webfont.svgwebfont34M5alKg&39;)format(&39;svg&39;);
font-weight:normal;
font-style:normal;
}
3.CSS引入外部字体的益处：
随着@font-face的不断流行，产生了许多新的字体格式图标集，称为网络字体。这些网络字体较平时的平安字体有以下的优点：
1）用法的是真正的文本，而不是，放大和缩小都不会影响渲染效果，用户体验好；
2）可以被搜寻引擎辨认；
3）不像每次需要重新生成，添加删除更便利。
3.CSS引入外部字体的益处：
随着@font-face的不断流行，产生了许多新的字体格式图标集，称为网络字体。这些网络字体较平时的平安字体有以下的优点：
1）用法的是真正的文本，而不是，放大和缩小都不会影响渲染效果，用户体验好；
2）可以被搜寻引擎辨认；
3）不像每次需要重新生成，添加删除更便利。
本文转载自中文网
发表评论