我正在将matirialize css文件导入我的代码中 . 我已经从链接复制到代码并在我的代码中创建了css文件,并像下面的代码一样导入它们,这些是导入:(我不想从互联网导入,因为我希望项目在没有互联网的情况下工作 . )
<script src = "jquery.js"></script>
<script src = "Sources/Chart.js"></script>
<link rel = "stylesheet" type="text/css" href = "Sources/bootstrap.css">
<script src = "client.js"></script>
<link rel = "stylesheet" type="text/css" href = "Sources/MatirialIcons.css">
<link rel = "stylesheet" type="text/css" href = "Sources/Matirialize.css">
<script type = "text/javascript"
src = "Sources/jquery-2.1.1.js"></script>
<script src = "Sources/Matirialize.js"></script>
它在html页面中显示我,如下图所示,而不是显示matirialize图标
2 回答
我找到了一个解决方案:在matirialize图标文件中,有字体文件导入(这是matirialize icon css文件):
所有需要是打开网址并下载文件,将其放入项目中,然后将上面的代码更改为:
如果这是字体问题,你应该像@Arkellys说的那样定义字体系列 .
以下是执行此操作的步骤:
Step-1: 转换下载的字体https://web-font-generator.com/
Step-2: 下载生成的字体
Step-3: 打开字体目录(字体/字体名称)并在其中包含下载的字体
Step-4: 在样式表中包含font-face
Step-5: 调用样式表