Импорт Font Awesome в веб -компоненте ⇐ Html

[Anonymous]

Это мой компонент заголовка: < /p>

Код: Выделить всё

[list]
[*][i][/i]
[*][i][/i]
[*][i][/i]
[/list]

< /code>
< /div>
< /div>
< /p>
Этот код может отображать значки в Fontawesome, когда я импортирую Font-Awesome перед закрывающим тегом тела в моем файле index.html.
< /code>
Однако теперь я выучил веб -компоненты. Я создал файл header.js для моего заголовка.const template = document.createElement("template");
template.innerHTML = `

[list]
[*][i][/i]
[*][i][/i]
[*][i][/i]
[/list]
`;
class header extends HTMLElement {
constructor() {
super();

// Create a shadow root
this.attachShadow({ mode: "open" });
this.shadowRoot.appendChild(template.content.cloneNode(true));
}

window.customElements.define("header-section", header);

Теперь другая часть HTML все еще рендеринг, но значок исчезает, так как я должен это решить?


Подробнее здесь: https://stackoverflow.com/questions/760 ... -component