时间戳

首页 > 解决方案 > 样式化自定义元素：字体样式

javascript - 样式化自定义元素：字体样式

问题描述

我有一个元素（例如标签）。A 在文档的根部设置了字体规则，比方说 Noto Sans。然后我有另一个需要另一个字体名称的组件，将其设置为 Proxima。

第一种情况。 在组件的 shadow dom 内

@font-face{
    font-family: 'Proxima';
    src: url(path/to/font.woff2) format('woff2')
}
 :host{
    display: block;
    font-family: 'Proxima';
}

不工作。我什至尝试添加!important但仍然无法正常工作。Noto Sans 忽略了它。

第二。我在根文档中添加了两个字体，Noto Sans 和 Proxima，规则，尝试同时使用它们，但被前者覆盖。

任何提示或我在处理组件时是否有错误

标签： javascriptcssfontsfont-facecustom-element

解决方案

推荐阅读