分类 : 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基础

随机阅读

汇编指令test的用法
MySQL单表查询
switch语句中,case后面的语句序列中一定要有break语句吗?
《程序员大本营》6月刊免费下载!
在sql中convert怎么用
oracle sql like多个条件函数
oracle数据库模糊查询匹配多个字符串
oracle字段like多个条件
Java:String和Date、Timestamp之间的转换
Spring Boot 教程 - MyBatis-Plus
如何用u盘重装系统?用U大侠U盘启动制作盘安装Win7系统教程
TypeScript是什么,为什么要使用它?
方正稚艺繁体免费字体下载,方正稚艺繁体字体免费下载
HTML特效代码大全(完整)
asp EXL导入 SQL数据库

最新

零基础学习C语言,怎么入门?
C语言使用什么软件?
c语言用什么软件编写(新手c语言基础知识入门)
Oracle如何实现like多个值的查询
Oracle如何实现like多个值的查询 - 数据库
oracle 多个like条件查询
Oracle中关键字like的使用总结
oracle 中模糊查询对like的代替insrt()函数
oracle数据库模糊查询匹配多个字符串
Oracle如何实现like多个值的查询 - Oracle - 服务器

推荐阅读

vscode----vue中HTML代码tab键自动补全
html如何实现鼠标悬停显示文字,鼠标移走文字消失。
c语言中break语句的作用
C#语言之“string格式的日期时间字符串转为DateTime类型”
undefined是什么意思啊
DIV CSS字体(font-family)实现字体样式设置
AirPods怎么删除配对过的设备 airpods可以和电脑连接的
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
risk-taking中文是什么意思
replace和replaceAll是JAVA中常用的交换字符的办法

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