如图，先在HTML网页编写一些测试的文字。然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。
创新互联建站-专业网站定制、快速模板网站建设、高性价比集贤网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式集贤网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖集贤地区。费用合理售后完善，10多年实体公司更值得信赖。
html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{font-family： 楷体}。浏览器运行index.html页面，此时文字的样式被成功定义为楷体。
在CSS中通过@font-face属性来实现网页中嵌入特殊字体。首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG，确保能在主流浏览器中都能正常显示该字体。
Windows自带中文字体：宋体、黑体、楷体(GB2312)、仿宋(GB2312)、微软雅黑等。Windows自带英文字体：Arial、Verdana、 Geneva、 sans-seri、Times等。
1、在css页面中，设置字体的颜色通过下面的代码：字体的color值，一般都是使用#加16进制的颜色值来表示。也有一些编译器支持直接使用颜色的英文单词来表示。
2、CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。
3、在test.html文件内，直接在font标签上，通过color属性来设置字体的颜色。例如，设置font字体的颜色为红色。在test.html文件内，设置font标签的class属性为myclass，主要用于下面通过该class来设置css样式。
CSS即使设置了其他字体，也要看别的电脑里有没有，一般系统自带有宋体，黑体等字体，但是如果你电脑上有好看的字体，可以显示，在别的电脑没有你的字体，就显示不了，所以一般只会设置系统自带的字体。
font-size 设置字体的尺寸。font-size-adjust 当首选字体不可用时，对替换字体进行智能缩放。（CSS1 已删除该属性。）font-stretch 对字体进行水平拉伸。（CSS1 已删除该属性。）font-style 设置字体风格。
box1{font-family：微软雅黑，宋体font-weight：bold}这个字体。css设定的字体， 只有系统里面有这个字体的才能看到。 比如xp系统的用户， 一般都没有微软雅黑， 你css使用了微软雅黑。
默认的字体有宋体、楷体、黑体、新宋体、仿宋等。外部字体 样式表中嵌入外部字体，用@font-face语法。
前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：span {position： absolute； top： 45px； left： 180px；}。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：p {text-align： center}。浏览器运行index.html页面，此时p标签内的文字成功被水平居中显示。
首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的span标签中，输入样式代码：style=float： left；padding-top： 25px；。
1、(3) 开始行距，也就是字距是字体中最重要且字母规格的全部。
2、使用font标签，size属性用来设置字体的大小；字体大小的设置效果。字体颜色设置：font标签中的color属性来设置文字的颜色；设置文字效果。文字字体设置：font标签中使用face标签设置文字的字体；字体设置。
3、我们选择将我们的样式全部建到一个CSS文档中，通过调用CSS文件来加载样式。在头部调用CSS文件样式。对于CSS，我们最常用的是通过class或是标签名来控制样式。我们控制字体样式使用的font。
4、你可以用font-family属性在CSS样式里设置字体，如： font-family：Arial； 但是设置的这种字体，你电脑上必须装有该字体，否则将按原字体样式显示。
5、以在css中设置文本字体为“微软雅黑”。具体方法和CSS代码如下：.body {font-family：Microsoft YaHei，微软雅黑，Microsoft JhengHei，华文细黑，STHeiti，MingLiu} 之所以加上中文名“微软雅黑”是为了兼容opera。