font-family(设置字体)
CSS 属性 font-family 允许你通过给定一个有先后顺序的,由字体名或者字体族名组成的列表来为选定的元素设置字体。
EPUB中的字体显示来源:
系统层面(Windows,Mac OS等),在编辑做书时看到,前提是系统内安装对应字体(比如同样定义的是楷体,Windows系统以Adobe 楷体显示;QQ阅读中以汉仪楷体显示)。
预置字体:阅读器中预置字体,比如汉仪旗黑、汉仪楷体、宋体等,这些通过CSS中的font-family属性设置关键字调用,客户端匹配关键字,比如要使用楷体:测试出来的是包含“楷”、kaiti等。
嵌入式字体:阅读器不支持 @font-face[1] 定义嵌入式字体;但如果EPUB中加入了字体文件,且在CSS中定义了,在编辑器中就能看到对应字体效果。
无衬线风格
▼
黑体即属于无衬线风格字体。Black font belongs to sans serif style fonts.
▲
<p style="font-family: '黑体',sans-serif;">黑体即属于无衬线风格字体。Black font belongs to sans serif style fonts.</p>
衬线风格
▼
宋体即属于衬线风格字体。Song typeface belongs to the serif style font.
▲
<p style="font-family: '宋体',serif;">宋体即属于衬线风格字体。Song typeface belongs to the serif style font.</p>
手写风格
▼
楷体即属于手写风格字体。Kai font belongs to the handwriting style font.
▲
<p class="font-family: '楷体',cursive;">楷体即属于手写风格字体。Kai font belongs to the handwriting style font.</p>
▼
中国人向来讲究分寸,在与人交往之前,我们都会在心底设定界限。它虽然无形,却不容小觑。比如,我们会通过衡量彼此之间的关系,决定将对方纳入哪个圈子。面对生人和熟人时,我们会保持不同的人际距离,选择的相处方式也略有不同。
The CSS attribute selector matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match.
▲
以上2个段落调用系统层面的 HarmonyOS Sans SC 字体。
阅读器预置汉仪旗黑,分别有不同字重。下面是用 CSS 调用其字体:
▼
不过,有些人的个人空间会宽广一些,朋友圈可以容下更多的人,他们总能快速地和他人打成一片。就算和TA认识没有多久,你也会有种TA已经是你多年好友的错觉。这类人,我们称为“自来熟”。
▲
.HY-QiHei-65 {
font-family: "汉仪旗黑65S","HY-QiHei65";
}
以上段落调用阅读系统的 汉仪旗黑 65S 字重。
▼
“我”和“你”迅速变成“我们”,很大程度上是“自来熟”的“功劳”。擅长“自来熟”的人,不仅和他人的关系好,而且身边也经常好运不断。难怪不少人将“自来熟”视为一项必备技能,不管自己是否天生具备“自来熟”的本领,都渴望能扮演“自来熟”的角色,让自己在社交中更讨喜。
▲
.HY-QiHei-55 {
font-family: "汉仪旗黑55S","ETrump-QiHei55";
}
以上段落调用阅读系统的 汉仪旗黑 55S 字重。
▼
可是“自来熟”的问题也会让人很头疼,因为见人就亲近,容易出现人际关系的越界。更准确地说,“自来熟”的人往往因为没有保持合适的人际距离,没有严格地按照人际交往的流程,常常让人感到有唐突和冒犯之感。尤其是遇到性格慢热的陌生人,你的“自来熟”对他来说,就是一种痛苦的煎熬。
▲
.HY-QiHei-50 {
font-family: "汉仪旗黑50S","HYQiHei-50s";
}
以上段落调用阅读系统的 汉仪旗黑 50S 字重。
以下为预置字体文件名测试:
▼
一会儿,“咣咣咣”地响起了敲门声。陈弦打开门一看,是对门的大姐,她说要进来看看。她在屋子里转来转去,不停地说着:“年轻姑娘就是爱美,屋子收拾得好漂亮。这房子是你买的,还是租的?”
▲
.hykaiti {
font-family: "汉仪楷体";
}
以上段落调用阅读系统的 汉仪楷体 显示。
▼
一会儿,“咣咣咣”地响起了敲门声。陈弦打开门一看,是对门的大姐,她说要进来看看。她在屋子里转来转去,不停地说着:“年轻姑娘就是爱美,屋子收拾得好漂亮。这房子是你买的,还是租的?”
▲
.hysongti {
font-family: "汉仪书宋";
}
以上段落调用阅读系统的 宋体 显示。
▼
一会儿,“咣咣咣”地响起了敲门声。陈弦打开门一看,是对门的大姐,她说要进来看看。她在屋子里转来转去,不停地说着:“年轻姑娘就是爱美,屋子收拾得好漂亮。这房子是你买的,还是租的?”
▲
.fzyasong {
font-family: "方正中雅宋";
}
以上段落调用阅读系统的 方正中雅宋 显示。