CSS unicode-range 属性值说明

描述
single codepointUnicode字符代码点以一到六个十六进制数字的形式表示。
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>
CSS unicode-range 属性

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