font(字体)

47 篇文章 0 订阅
42 篇文章 0 订阅

字体相关样式

1、color 前景色,一般用来设置字体颜色

2、font-size 字体的大小

font-size相关单位:

					em	相当于当前元素的一个font-size
						
					rem	相当于根元素的一个font-size

3、font-family 字体族(字体的格式)

可选值:
			serif					衬线字体				(常用)
			
			sans-serif				非衬线字体			(常用)
			
			monospace				等宽字体				(常用)
--------------------------------------------------------------------
			cursive					手写字体
			
			fantasy					虚幻字体


												------五个类别------
1、指定字体的类别,浏览器会自动使用该类别下的字体

2、font-family 可以同时指定多个字体,多个字体间使用`逗号`隔开,字体

生效时优先使用第一个,第一个无法使用则使用第二个,以此类推



示例:

font-family:'Courier New',Courier,monospace;

//五个字体类别一般写在最后用来保底兜底

font-face

font-face 可以将服务器中的字体直接提供给用户去使用

示例:

@font-face{

		font-family:'myfont';
		//指定字体的名字


		src: url('') format;
		//服务器中字体的路径
}

注:

三个问题:

			1、加载速度
			
			2、版权
		
			3、字体格式

font-weight(字重)

font-weight(字重)—字体的加粗

可选值:

			normal	默认值,不加粗

			bold	加粗
			
			100-900 九个级别(没什么用,因为是根据计算机里已有的字体来的)

font-style(字体的风格)

可选值:
			normal	正常的
			italic	斜体

font简写属性

font 可以设置字体相关的所有属性

语法;

		font:字体大小/行高	字体族
		行高可以省略不写,若不写则使用默认值

示例:

		font:bold itailc 50px/2 'Times New Roman',Times,serif;

//字体大小与字体族必须要写,且字体族放在最后,字体大小放在倒数第二位置
//字重与字体的风格省略不写就会是默认值:normal
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值