字体相关知识以及 CSS 属性
unicode-range 是用到才会加载的 // 分割方式
font-variant-emoji Emoji 表示方式
中文字体排印的思路:https://thetype.com/kongque/
系统默认字体查询: http://fontfamily.io
重命名:
@font-face {
font-family: My San Francisco Alias;
src: local(system-ui), local(-apple-system), local('.SFNSText-Regular');
}
font 属性简写时必须要有font-family 和 font-size
@font-palette-values/font-palette 定义字体样式模式和使用 // 类似 @apply
font-family:
由字体名或者字体族名组成的列表来为选定的元素设置字体。 属性的值用逗号隔开。
应当至少在最后添加一个通用的字体族名
使用 font-style,浏览器会试图寻找该字族中的相应版本,有些情况下需要直接使用PostScript名称
备注:在Mac OS X上查找字体的PostScript,在FontBook应用中选中它并按⌘I。
font-family 属性指定的是一个优先级从高到低的可选字体列表。 字体的选定不是在发现用户计算机上安装的列表中的第一个字体时停止。相反,对字体的选择是逐字进行的。
在没有引号开头是不能使用标点符号字符和数字字符的
大小写不敏感
通用字体名:
sans-serif;
serif;
fantasy; 主要是那些具有特殊艺术效果的字体。
cursive;草书字体。这种字体有的有连笔,有的还有特殊的斜体效果。
monospace; // 比例字体与之相对,没有通用名称
语言系统标签:OpenType language system
e.g: ENG, ZHS, ZHT ,用于css 属性 font-language-override
e.g: en-US , 用于 HTML的lang 属性值, Accept-Language,
Language tags in HTML and XML(新)
语法:language-extlang-script-region-variant-extension-privateuse
e.g: zh-Hans Chinese written with Simplified script language+script
=====
font-display 控制加载字体期间的行为 // 用法
font-feature-settings: 开启一些 opentype 的功能
font-kerning: 字母物理间距
font-size-adjust: 限制小写字母的大小来重新调整font-size
font-stretch: 从face中选择一个挤压型的字体
font-synthesis: ?字体合成
font-variant-caps: 变体大小写。。。
...