字体相关知识以及 CSS 属性

Tags
css
Created
Feb 2, 2016 6:02 AM

unicode-range 是用到才会加载的 // 分割方式

font-size-adjust 属性让找不到字体而使用的后备字体时看起来也和预想的一样大

font-variant-emoji Emoji 表示方式

字体细节:http://typedetail.com/georgia.html

中文字体排印的思路:https://thetype.com/kongque/

系统默认字体查询: http://fontfamily.io

常见字体英文名称:https://www.zhangxinxu.com/wordpress/2017/03/css-font-family-chinese-english/

重命名:

@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 属性指定的是一个优先级从高到低的可选字体列表。 字体的选定不是在发现用户计算机上安装的列表中的第一个字体时停止。相反,对字体的选择是逐字进行的。

当一个字体只在某些特定的stylesvariants、或sizes属性值下有效时,这些属性的值也可能对font family的选择造成影响。

在没有引号开头是不能使用标点符号字符和数字字符的

大小写不敏感

通用字体名:

sans-serif;

serif;

fantasy; 主要是那些具有特殊艺术效果的字体。

cursive;草书字体。这种字体有的有连笔,有的还有特殊的斜体效果。

monospace; // 比例字体与之相对,没有通用名称

语言系统标签:OpenType language system

e.g: ENG, ZHS, ZHT ,用于css 属性 font-language-override

IETF language tag

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: 变体大小写。。。

...

SuperMade with Super