学习css3笔记——更换字体font-family

用这个故事发生在某天，到华南植物园周边喝完早茶回公司，上网收集有趣的文字，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《CSS语言》教程，存起来以后当文化传播作品使用。

一边整理《JavaScript》教程,一边在网上和女粉丝侃大山。突然间，一个说自已是从海南陵水来广州学现代汉语的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”。
我问：“你们都想学啥？”。
女粉丝说：“陈老师！我想知道更换字体font-family用法。“下面就给大家讲下。

在css语言中更换字体，要使用font-family属性来更换字体的类型。如语法1。

font-family:...值...;

使用css语言中的font-size属性，设计body元素字体为30像素，内容如css语言1

body
{
font-size:30px;
}

使用css语言中的font-family属性，设计p元素标签使用黑体显示字体，内容如css语言2

p
{
font-family:黑体;
}

（css语言2）

使用css语言中的font-family属性，设计div元素标签使用宋体显示字体如，内容如css语言3

div
{
font-family:宋体;
}

$$（css语言3）￥￥

使用html语言中b元素标签，设计p元素标签和div元素标签中的字体变粗配合试验用，内容如html语言1。

  
微信公众号：design-Rabbit
微信公众号：design-Rabbit
  

把前面设计好的css语言1~3和html语言1，移植或嵌入html5基础框架中，内容如综合代码1。

  



  
微信公众号：design-Rabbit
微信公众号：design-Rabbit
  

运行综合代码1，就可以看到图1的效果，如果还不会运行方法，可以看我以前写的Html5，学习代码运行方法。

注：看到图1页面中字体显示乱马时charset="GB2312"可以改成charset="utf-8"或改为其它的编码方式。有的浏览器会阻止脚本运行，这时请大家换下浏览器例如用IE浏览器或看下防火墙或看下杀毒软件有没报错。

图1

如图1中第一行显示的是黑体字，第二行显示的是宋体字，看到图1的效果我们更换字体的试验就成功了。

好！杰哥CSS3学习笔记分享到这里，要知后事如何请关注、分享、收藏我的微信公众号，如果喜欢请打赏。