CSS unicode-range 属性值说明
| 值 | 描述 |
|---|---|
| single codepoint | Unicode字符代码点以一到六个十六进制数字的形式表示。 |
| codepoint range | 以两个连字符分离的Unicode代码点的形式表示的一系列Unicode码点。它指定范围的开始和结尾。 |
| wildcard range | 一系列包含通配符字符的Unicode代码点,即使用'?'字符指示任何十六进制数字。 |
| initial | 将属性设置为默认值。 |
| inherit | 从其父元素继承属性。 |
语法
unicode-range: single codepoint | codepoint range | wildcard range | initial | inherit;
unicode-range 属性的示例:
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
@font-face {
font-family: 'MyFont';/* Define the custom font name */
src: url('myfont.woff2') format('woff2'),
url('myfont.woff') format('woff');/* Define where the font can be downloaded */
unicode-range: U+00-FF;/* Define the available characters */
}
div {
font-size: 3em;
font-family: MyFont, Helvetica, sans-serif;
}
</style>
</head>
<body>
<h2>Unicode-range 属性示例</h2>
<div>Mary & Jack are friends.</div>
</body>
</html>
Unicode 范围描述符定义了与 @font-face 属性指定的字体一起使用的字符的特定范围,以便在页面上使用。
当不支持 @font-face 时,应包含后备字体。
如果页面不使用范围内的字符,则不会下载字体。
如果至少使用了一个字符,则下载整个字体。
Unicode 点以 U+ 开头,后跟组成字符代码的最多六个字符。
没有这种格式的点或者范围被认为是无效的,并且会使该属性被忽略。
有很多 Unicode 选项可供使用。
基本拉丁语 (0020-007F) 是英语最常见的范围。
| 初始值 | U + 0-10FFFF. |
|---|---|
| 应用于 | @ font-face块属性包含在内。 |
| 继承 | 可继承 |
| 可动画的 | 无效 |
| 版本 | CSS3. |
| DOM 语法 | object.style.unicoderange =“U + 0025-00FF”; |
日期:2020-06-02 22:14:51 来源:oir作者:oir
