type="text/css">
body{
font-family
:
"Microsoft
YaHei";//设置字体为"
微软雅黑
"
font:20px;//设置字号
font-weight
:bold;//加粗
text-decoration
:
underline
;//
下划线
color:red;//字体颜色
}
</style>
放到
html文件
的<head></head>中，不用的设置可以直接删除1、首先要了解css中是如何控制字体的。\x0d\font：在一个声明中设置所有字体属性；\x0d\font有以下几个属性：\x0d\\x0d\font-style：字体样式\x0d\\x0d\font-variant：字体异体\x0d\font-weight：字体粗细\x0d\font-size/line-height：字体大小/行高\x0d\font-family：字体系列（比如宋体、黑体等）\x0d\2、知道这些之后，那"设定字体为微软雅黑Bold字体"就可以这么写：\x0d\font-family:"微软雅黑";font-weight:bold;\x0d\但是需要注意一点，通常我们使用中文字体的时候，都会使用的英文名称，而不是直接使用中文；而且，也会使用简写的形式；如下：\x0d\font:bold12px/15em"MicrosoftYaHei";
1、在文件夹中放入ttf、otf等格式的字体，这些都是一个字体的不同格式，是为了兼容不同的浏览器，然后创建一个html文件test。如下图所示：
2、在test页面打开的页面中添加一个class为anim的div代码。如下图所示：
3、在打开的页面找到接着设置anim的宽高等样式。如下图所示：
4、创建一个font-face，设置字体为 test ，在src中把我们的字体文件都包含进去。如下图所示：
5、现在我们就可以在anim样式中通过 font-family:test 来使用这个字体。如下图所示：
6、在浏览器中打开test文件，我们发现文字已经变成我们的字体了。如下图所示：
CSS调用系统没有的字体的 *** 作方法和步骤如下：
1、首先，将字体以ttf，otf等格式放置在文件夹中。 这些是字体的不同格式，以便与不同的浏览器兼容，然后创建html文件test，见下图。
2、其次，完成上述步骤后，在test页面上打开的页面中添加一个class为anim的div代码，见下图。
3、接着，完成上述步骤后，在打开的页面上，找到anim的宽度和高度样式，见下图。
4、然后，完成上述步骤后，创建一个font-face，将字体设置为test，并将所有字体文件包含在src中，见下图。
5、随后，在anim样式中，完成上述步骤后，通过 font-family:test 来使用这个字体，见下图。
6、最后，完成上述步骤后，在浏览器中打开test文件，发现文本已成为字体了，见下图。
如果你想你网站上的文字看起来更加不一样，就必须要给网页中的标题、段落和其他页面元素应用不同的字体。你可以用font-family属性在CSS样式里设置字体，如： font-family:Arial; 但是设置的这种字体，你电脑上必须装有该字体，否则将按原字体样式显示。当然，也可以写上多种字体，当对方浏览你的网站，没有安装第一种字体时，浏览器就会在列表中继续往上搜寻，直到找到有适合的字 体为止，像这样： font-family:Arial,Helvetica,sans-serif; 在上例中，Web浏览器会先看看是否安装了Arial字体。如果安装了，那么就用Arial字体显示；如果没有安装，浏览器就会继续寻找Helvetica字体；如果还是没有找到，最后它就会指定一种通用的字体--sans-serif。如果字体的名称中包含多个单词时，则必须用双引号（“”）将它们括起来，如： font-family:"Times New Roman",Times,serif; 以下就介绍几种常用的font-family字体类型组合，每一列的最后都包含一种通用的字体。 1、Serif字体：最适用于冗长的文字信息，因为读者都会觉得这种字体使字母主笔划的结尾处会有一些细小的“足”，能够比较有效地引导人们的视线从一个字母一到到下一个字母，阅读起来感觉更加轻松。serif字体包括：Times，Times New Roman、Georgia。 2、Sans-serif字体：它看起来干净而简洁，所有经常被用在标题上。Sans-serif字体包括：Arial、Helvetica、Verdana和Formata。 3、Monospaced字体：它经常用于显示计算机代码，它每个字母都是等宽的。css使用font-family定义字体，>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）