DIV CSS字体(font-family)实现字体样式设置

分类 : Web前端

DIV CSS字体(font-family)

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

此文关于使用CSS设置对象字体样式篇。从html的字体到css字体使用CSS教程。

目录
  1. 原始的html字体设置

  2. CSS字体设置

  3. 字体选择技巧

  4. font-family总结

一、原始的html字体设置   -   TOP

Html的文字字体设置代码:
<font face="黑体">我是黑体字</font>

二、CSS字体设置   -   TOP

CSS 字体属性单词
font-family

CSS字体 css font-family使用方法:
font-family:"设置字体名称";

css字体样式分析图
字体分析图

exp:
CSS运用实例代码:
.divcss5{ font-family:"黑体";}

对应html代码:
<div class="divcss5">我也是黑体字体</div>

案例截图:
css 字体实例演示图
说明:以上的css font-family 字体案例,包括了原始的html的字体设置和css 字体设置。

三、字体选择技巧   -   TOP

CSS 字体常见我们使用“黑体”、“宋体”此2种中文字体,这是为什么呢,因为网页载入选择字体时候是调用访问者系统文字库的文字字体,如果没有找到字体那将显示默认的网页字体。而每个人安装的操作系统(XP\VISTA\WIN7等系统)默认包括此几种中文字体。这样我们要使用每个人操作系统自带都有的字体作为网页字体,所以不能设置我们单独安装的文字字体。如果我们设置自己单独安装的字体,在自己电脑上会实现设置字体样式,而到其它用户浏览此网页时候此网页内文字字体会大变样。

一般我们使用DW选择字体,如下图:
font-family字体选择
我们在VIP课程中有介绍选择CSS属性及值的技巧。

我们推荐常用字体有:
宋体、黑体、微软雅黑、Arial, Helvetica, sans-serif此4种字体。

通常为了IE9兼容中文字体,需要将中文字体转换为Unicode

简写认识:font:12px/1.5 Arial, Helvetica, sans-serif;CSS font:

四、font-family总结   -   TOP

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


分类: Web前端    访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程


分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

html中submit和button的区别
Html中的空格符,为html空格字符代码 ?;
关系型数据库 一 :Oracle 端口号
正则表达式中的"\."表示什么意思
replace和replaceAll是JAVA中常用的交换字符的办法
Iframe嵌套HTML网页的用法?
Azure Cosmos DB (二) SQL API 操作
iframe嵌入网页的用法,HTML页面嵌入
怎样使用iframe,在网页中插入页面
如何配置 SQL Server 以允许远程连接

最新

div css隐藏内容样式方法
OPPO Reno3 Pro远程守护怎么使用?
XP系统里让IE支持多线程下载怎么设置
qq电脑管家温度检测在哪设置的? QQ电脑管家怎么测电脑的温度
win7禁用ie浏览器方法 win7怎么把桌面的ie隐藏
WinXP笔记本声卡驱动无法成功安装的解决方法
XP⁄Win7共享⁄连接打印机设置详细 xp怎
华为笔记本蓝屏错误0xcoooo428怎么解决
企业如何部署微软Windows 8? Windows 8的开发历史
华为mate9怎样解指纹密码?

推荐阅读

c语言中break语句的作用
vscode----vue中HTML代码tab键自动补全
undefined是什么意思啊
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
DIV CSS字体(font-family)实现字体样式设置
C语言程序中break是什么意思?
C#语言之“string格式的日期时间字符串转为DateTime类型”
Mysql里表示布尔型的类型是什么
前端该怎么学?推荐一个学习路线!
sql中的modify语句,修改列属性


Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16