您的位置:CSS主页 > CSS基础 >

CSS font-family字体样式属性教程

 

CSS font-family字体样式设置属性知识教程篇,DIV CSS font-family-CSS字体样式知识教程,在网页中我们常常对网页中文字设置字体,我们即可使用font-family实现字体样式设置。

CSS字体font-family目录
  1. CSS font-family字体语法
  2. 字体案例代码
  3. 案例截图
  4. 字体总结
  5. CSS字体案例在线演示

1、font-family字体语法   -   TOP

.thinkcss{font-family:"宋体"}

DIV+CSS font-family字体解析分析图
在线CSS font-family解析分析图

2、字体案例代码:   -   TOP

CSS代码:
<style type="text/css">
#thinkcss{ font-family:"黑体"}
.thinkcss{font-family:"宋体"}
</style>

HTML代码
<div class="thinkcss">我是 宋体</div>
<div id="thinkcss">我是 黑体</div>

3、font-family字体教程案例截图   -   TOP

css字体使用案例截图
css字体font-family使用案例截图

4、字体总结   -   TOP

使用css样式font-family对对象文字进行字体设置,注意使用常用字体,不要将自己安装的字体设置为网页的字体,这样一来别人浏览你网页的时候没有这样字体造成,文字不美观。通常推荐字体:黑体、宋体、微软雅黑、Arial, Helvetica, sans-serif。

5、DIV CSS字体在线演示   -   TOP

http://www.thinkcss.com/yanshi/css_font-family.html

标签(Tag): 字体 font family family 文字

更多

上一页: 上一篇:DIV CSS border边框教程
下一页: 下一篇:CSS font-size文本字体大小样式教程

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-08-22     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/c67.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息