Webコンポーネントを使用するアプリケーションのグローバルCSS

Question

HTML 5のネイティブWebコンポーネントを使用するWebアプリケーションを開発しています。私の問題は、これらすべてに共通のCSSがたくさんあることです。素敵なアイコンを表示するために素晴らしいフォントを使用しています。今私はすべてのスタイルを「深い」シャドウピアスに入れましたが、「/ deep/combinatorは非推奨です」とChromeは言います。グローバルなCSSやCSSライブラリ（フォントのようなもの）をアプリ全体で利用できるようにするにはどうすればよいですか？

感謝:)

Answer 1

あなたは<link rel="stylesheet">要素で、世界的にCSSのフォントファイルを含めることができます。

@import url CSSルールを使用して、すべてのカスタム要素の<template>（<style>要素）にローカルにインポートする必要があること。

実行例はthis answerです。