Я хочу попробовать иконочные шрифты Font Awesome в Shadows DOM, например:
<script type="module">
var str =
`
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
<nav>
Icon:<button class="button-icon icon-heart">Click Me!</button>
</nav>
<style>
</style>
`;
function make (){
const template = document.createElement('template');
template.innerHTML = str
class RCounter extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: 'open' });
this.shadowRoot.appendChild(template.content.cloneNode(true));
}
}
window.customElements.define('r-demo', RCounter);
}
make()
</script>
<body>
<h1>normal</h1>
<r-demo></r-demo>
</body>
Но значок сердца не отображается на кнопке. Почему? Любое предложение ожидается, спасибо.
Кстати: я использую http-сервер для обслуживания этих файлов, вы можете установить его:
node i http-server -g
