- 综合排序
- 最热优先
- 最新优先
- 来自专栏魔术师卡颂
通过CSS盗取你的密码
默认值是"ü+0-10 FFFF",文档地址：https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range unicode-range /* 支持的值 */ unicode-range: U+26; /* 单个字符编码 */ unicode-range: U+0-7F; unicode-range: U+0025 -00FF; /* 字符编码区间 */ unicode-range: U+4?? ; /* 通配符区间 */ unicode-range: U+0025-00FF, U+4?? ; /* 多个值 */ unicode-range的常用unicode值及获取 对于我们中文用户，最常用的有下面这些： 汉字：[0x4e00,0x9fa5]（或十进制[19968,40869]） 数字
99930发布于 2021-05-27 - 来自专栏执行上下文
原来金额样式还能这么实现呀！太牛了🤙
size-adjust+ unicode-range size-adjust 浏览器将调整字体大小，无论字体系列（"宋体"性质值0.58） unicode-range 设置font-face特定的字符。 Source Han Sans CN'), local('Noto Sans CJK SC'), local("Microsoft Yahei"); size-adjust: 20%; unicode-range } .money { font-family: smallYuan; font-size: 24px; color: red; } 效果如下： size-adjust+ unicode-range
35440编辑于 2023-09-06 - 来自专栏零域Blog
CSS使用字体新姿势 unicode-range用法与使用场景
有关于unicode-range属性的介绍和实际应用可以看张鑫旭老师的下面这个相关文章: 简单来说就是: 统一码，也叫万国码、单一码（Unicode）是计算机科学领域里的一项业界标准，包括字符集、编码方案等 unicode-range是U+配上charCode值。 在知道unicode-range的作用以后，回到刚刚加载字体的问题上，如果你给字体设置了一个区间，只有当页面有字符匹配到了这个区间，就会去加载这个字体文件，这样就会极大到减少资源请求。 其中站酷高端黑只添加a,b,c,鹿这四个字符并设置unicode-range为U+61-64, U+9e7f(a-b, 鹿)。 杨任东竹石体-Bold只添加鹿,角这两个字符并设置unicode-range为U+9e7f, U+89d2(鹿，角)。
3.5K10编辑于 2022-03-28 - 来自专栏程序员的知识天地
前端字体截取技术，做炫酷网站再也不用怕中文字体数据量大啦！【实战】
unicode-range unicode-range 属性虽然可以算作“字体截取”技术，但它是“软截取”，不是“硬截取”。它类似于一种快捷方式，而不能真正减少浏览器需要下载的字体文件大小。 更多 unicode-range 的内容，推荐大家看一看张鑫旭老师的文章 “CSS unicode-range特定字符使用font-face自定义字体”：（https://www.zhangxinxu.com /wordpress/2016/11/css-unicode-range-character-font-face/） 使用unicode-range的注意事项： unicode-range可以接收 单个码点 unicode-range 默认值为： U+0-10FFFF ，即全部Unicode字符编码 unicode-range 的值是码点的字面值或字面值列表， 不是字符串 unicode-range: u+ 关于 unicode-range 这种“软截取技术”的使用就介绍这些。接下来我们介绍“硬截取工具”：glyphhanger。
3.9K20发布于 2018-10-27 - 来自专栏Html5知典
@font-face 属性
| <font-face-name> ]#; ] || [ unicode-range: <urange>#; ] || [ font-variant: <font-variant> unicode-range Unicode范围。
1.1K10发布于 2019-11-26 - 来自专栏智影Yodonicc
Fonts最佳实践
例如，预加载忽略了unicode-range的声明，如果谨慎使用，应该只用于加载单一的字体格式。 字体交付 更快的字体交付可以产生更快的文本渲染。 Unicode范围和字体子集：@font-face经常与 unicode-range 描述符一起使用。unicode-range通知浏览器一个字体可以用于哪些字符。 font-family: "Open Sans"; src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"); unicode-range unicode-range通常用于根据页面内容使用的语言提供不同的字体文件。 unicode-range经常与子集技术一起使用。一个子集字体包括原始字体文件中所包含的一小部分字形（即字符）。
3.9K72编辑于 2022-05-10 - 来自专栏算法与编程之美
网页|CSS字体介绍
默认是"normal" unicode-range unicode-range 可选。定义支持的UNICODE字符范围。
3.6K20发布于 2019-10-14 - 来自专栏编程
Typora 保姆级安装教程
/github/open-sans-v17-latin-ext_latin-regular.woff2") format("woff2"); unicode-range: U+0000-00FF /github/open-sans-v17-latin-ext_latin-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, /github/open-sans-v17-latin-ext_latin-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+ /github/open-sans-v17-latin-ext_latin-700italic.woff2") format("woff2"); unicode-range: U
49310编辑于 2024-10-28 - 来自专栏数据结构与算法分享
Web使用HarmonyOS字体的压缩方案
待所有字体压缩完成后，我们在 CSS 中使用 unicode-range属性来调用对应 unicode 区域的字体文件。
1.9K30编辑于 2022-09-08 - 来自专栏电脑星人
【腾讯云前端性能优化大赛】秒开的艺术：Hexo 博客首屏耗时优化实践
但是当浏览器支持 font-family 的 unicode-range 配置后，这个问题就有了转机。 unicode-range 的引入使得我们可以指示浏览器只对特定字符使用特定的字体。 /font/logo.woff2") format("woff2"); unicode-range: U+7535,U+8111,U+661F,U+4EBA; } 很不巧的是 Google Fonts
1.4K141编辑于 2021-12-31 - 来自专栏农民工前端
CSS中calc(100%-100px)为什么不加空格会不生效？
any : [ IDENT | NUMBER | PERCENTAGE | DIMENSION | STRING | DELIM | URI | HASH | UNICODE-RANGE
97330编辑于 2022-09-27 - 来自专栏小泽的专栏
记一次使用 fontTools 优化网页字体（字体文件大小）
font-weight: 400; font-display: swap; src: url(/HarmonyOS_Sans_SC_Regular.4.woff2) format('woff2'); unicode-range font-weight: 400; font-display: swap; src: url(/HarmonyOS_Sans_SC_Regular.5.woff2) format('woff2'); unicode-range
2.1K10编辑于 2023-07-19 - 来自专栏前端二次元
CSS中calc(80vw - 100px)为什么不加空格会不生效？
any : [ IDENT | NUMBER | PERCENTAGE | DIMENSION | STRING | DELIM | URI | HASH | UNICODE-RANGE
629100编辑于 2023-11-06 - 来自专栏橙光笔记
《Web性能实战》读书笔记
OpenSans-Light.ttf") format("truetype"); } .font-osl { /* 使用字体 */ font-family: "Open Sans Light"; } 使用unicode-range 加载字体子集，如下面把Open Sans Light拆分成BasicLatin部分和Cyrillic部分，使用unicode-range定义字符范围，如果文字中只有BasicLatin部分那么只会下载上面的文字 format("embedded-opentype"), url("open-sans/OpenSans-Light-BasicLatin.ttf") format("truetype"); unicode-range format("embedded-opentype"), url("open-sans/OpenSans-Light-Cyrillic.ttf") format("truetype"); unicode-range
91510编辑于 2024-07-11 - 来自专栏前端Q
Web 中文字体性能优化实践
如何减小字体文件体积 unicode-range unicode-range 属性一般配合 @font-face 规则使用，它用于控制特定字符使用特定字体。 CSS unicode-range特定字符使用font-face自定义字体 fontmin fontmin 是一个纯 JavaScript 实现的字体子集化方案。
3K10发布于 2020-09-24 - 来自专栏mythsman的个人博客
关于WordPress中字体加载慢的问题解决方案
fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range
1.4K20编辑于 2022-11-14 - 来自专栏零域Blog
百度Web前端技术学院(1)-HTML, CSS基础
unicode-range |unicode-range | 可选。定义字体支持的 UNICODE 字符范围。默认是 “U+0-10FFFF”。
1.5K30编辑于 2022-03-22 - 来自专栏Czy‘s Blog
CSS3新特性
unicode-range: 可选，定义字体支持的UNICODE字符范围，默认是U+0-10FFFF。
1.5K30发布于 2020-08-27 - 来自专栏网站漏洞修补
如何进行渗透测试XSS跨站攻击检测
Abusing Unicode Range 当可以插入CSS的时候，可以使用 font-face 配合 unicode-range 获取目标网页对应字符集。
3.2K30发布于 2019-10-08
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号