我试图复制这个网站菜单的字体,但当我把风格放在我自己的WordPress CSS主题中时,我仍然得到它的大胆版本.有没有特别的技巧,所以我可以得到字体的轻版本?得到的字体与他们所拥有的相同.
题:
在聚合物 1.1 上下文中,我如何包含用于我的 dom 模块的外部字体(如 google 字体或 font-awesome)?
我知道现在聚合物倾向于使用样式模块。我也知道将字体预加载到 html 并将其导入我的 dom 模块的技术。但我仍然无法让它工作。
我的<circle-x></circle-x>
组件的目标:
我的 dom 模块基本上为这些图像提供了圆圈,其<h1>
下方已经设置了样式。然后在 flexbox 结构下根据有多少圆圈来响应式地布局它们。
我尝试过的(TLDR 版本)
我使用rel="import"
了font.html
样式模块,然后使用了我的<circle-x>
组件,但不能使用样式字体(当我使用 sans-serif 时它有效),这意味着我选择了它。我还对它进行了谷歌检查,并在<circle-x>
组件页面中加载了 google-font 样式表。
我试过的(细节):
<!-- File structure -->
+ circle-x.html
+ typography-x.html
+ varela-round.html
+ bower-components
+ - polymer
- polymer.html
+ - webcomponentsjs
- webcomponents.js
Run Code Online (Sandbox Code Playgroud)
在 Polymer 文件中,我注意到有一个名为 robots.html 的文件,因此我创建了一个类似的文件。
<!-- varela-round.html -->
<link rel="import" ref="https://fonts.googleapis.com/css?family=Varela+Round>
Run Code Online (Sandbox Code Playgroud)
然后是 Typography.html 来引用 roberto.html
<!-- …
Run Code Online (Sandbox Code Playgroud)