我试图在我的页面（链接）中使用 Material Components for Web。
能够使用 MDC 创建 FAB，您可以在这里找到它们 [CODE-PEN][2]
但是当我尝试在模板和自定义元素（Web 组件）中做同样的事情时，它似乎不起作用LINK
我得到了 FAB 的正确 CSS，但图标没有显示。谁能帮我这个？
MDC LINK1：https ://github.com/material-components/material-components-web/tree/master/packages/mdc-fab
WORKING[2]：https ://codepen.io/rleo2joseph/pen/GRRZGRv
NOT WORKING[3]：https ://codepen.io/rleo2joseph/pen/KKKzeqY?editors=1010
看来您的导入顺序（css）不正确......我试过这个：
<link rel="stylesheet" type="text/css" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
它工作得很好......（也许material-components-web覆盖了一些材料图标定义）
无论如何-我确实希望您仅将组件内的 css 链接用于演示目的，并且将原始代码中的 css 减速放置在页面的头部（或任何其他 css 引导程序）
更新：
请在您的笔配置（css部分）中包含材料图标，如下所示：
同样，我确实希望您在您的项目中定义链接（及其顺序），正如我在原始答案中已经指出的那样......link确实不建议在组件中包含元素（导入多个组件将导致多个不必要的导入）