具有Web組件的應用程序的全局CSS

Question

我正在開發一個使用HTML 5原生Web組件的Web應用程序。我的問題是，我有很多這些所有這些常見的CSS，我使用字體真棒有很好的圖標。現在，我將所有樣式放入「/ deep」陰影中，但Chrome說：「/ deep/combinator已被棄用。」你有什麼建議，我怎麼可以在整個應用程序上提供全局CSS和CSS庫（如字體真棒）？

謝謝:)

Answer 1

您可以包括全局CSS的字體文件，與<link rel="stylesheet">元素。

您必須使用@import url CSS規則在每個自定義元素的<template>，<style>元素中本地導入它。

在this answer中有一個運行示例。