能否通过Unicode范围设置font-size?无额外HTML标签时的符号尺寸调整
问题:如何通过Unicode范围调整符号尺寸(无需额外HTML标签)
我希望调整符号的尺寸,但无法为其添加额外的HTML标签包裹。请问是否存在通过Unicode范围设置font-size的方法?例如:span.name[...unicode range...] { font-size: 20px; } 或者能否通过@font-face加载并为该font-face设置尺寸?感谢解答。
示例代码
<div><span class="name">🚨Abc</span></div> <div><span class="name">🗐 Abc</span></div>
修正后的解决方案
可以通过@font-face规则结合unicode-range和size-adjust属性实现,无需额外HTML标签:
@font-face { font-family: "MySymbols"; src: local('Twemoji Mozilla'); unicode-range: U+1F6A8; /* 可根据需求修改为目标符号的Unicode范围,比如U+1F??匹配全表情符号 */ size-adjust: 200%; } span.name { font-family: "MySymbols", "Noto Sans"; font-size: 25px; }
<div><span class="name">🚨Abc</span></div> <div><span class="name">🗐 Abc</span></div>
内容的提问来源于stack exchange,提问作者Gary
相关产品推荐
相关产品推荐

