文章目录
- 字体的属性
- 冷知识
- 1.怎么知道自己有没有某个字体呢?
- 2.如果我硬要用一种不常见的字体,怎么办?
字体的属性
由于比较简单,这里直接说明
字体相关的样式:
1.color:字体的颜色(前景色)
2.font-size:字体的大小
常用单位:px,em(相当于当前元素的一个font-size)和rem(相当于根元素的一个font-size)
3.font-family:字体族(字体的格式),默认格式是微软雅黑,也可以自己设置宋体,楷体等等。
可选值:(指定类别,具体格式由浏览器而定)
①.monospace(等宽字体)确保每个字母宽度一样
②.serif(衬线字体)就是在某些字母或汉字的头尾多出一个横或者尖尖(下面有图)
③.sans-serif(非衬线字体)没有横或者尖尖
可以同时使用多个字体,使用逗号隔开,字体生效时优先使用第一个,第一个不能用则用第二个,以此类推。
这里给出京东页面的字体属性:
font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
解析:字体大小为12px/1.5 字体格式首选Microsoft YaHei(微软雅黑),没有就用Heiti SC,以此类推,最后都没有就使用浏览器自己的sans-serif(非衬线字体)。
衬线字体样子(H和l头尾多了一横):
冷知识
1.怎么知道自己有没有某个字体呢?
打开我的电脑(此电脑),C盘里面有个windows,windows下有个font,里面有什么字体你就能看什么字体。
2.如果我硬要用一种不常见的字体,怎么办?
可能涉及问题:
1.加载速度
2.版权
3.字体格式(部分浏览器可能会出现不兼容tff文件格式)
新建一个font文件夹,然后把你的字体文件放进去。
之后在css文件中或者在html的style中写如下代码:(这个例子是放在html的style标签中的)
font-family是你自己取的字体名字(可以随便取)
src是本地的字体的路径。
之后就可以直接在font中进行设置了:
p{
font-family: myfont;
}
如果害怕浏览器不支持你的文件格式怎么办?很简单,那你就多写一个甚至多个格式。