文章目录

  • 字体的属性
  • 冷知识
  • 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头尾多了一横):

html ios 字体适配 html设置字体类型_不兼容

冷知识

1.怎么知道自己有没有某个字体呢?

打开我的电脑(此电脑),C盘里面有个windows,windows下有个font,里面有什么字体你就能看什么字体。

html ios 字体适配 html设置字体类型_css_02

2.如果我硬要用一种不常见的字体,怎么办?

可能涉及问题:
1.加载速度
2.版权
3.字体格式(部分浏览器可能会出现不兼容tff文件格式)

新建一个font文件夹,然后把你的字体文件放进去。

html ios 字体适配 html设置字体类型_html ios 字体适配_03


之后在css文件中或者在html的style中写如下代码:(这个例子是放在html的style标签中的)

font-family是你自己取的字体名字(可以随便取)

src是本地的字体的路径。

html ios 字体适配 html设置字体类型_html_04


之后就可以直接在font中进行设置了:

p{
         font-family: myfont;
     }

如果害怕浏览器不支持你的文件格式怎么办?很简单,那你就多写一个甚至多个格式。

html ios 字体适配 html设置字体类型_不兼容_05