引入字体图标使用svg为什么页面上不显示

可能是因为以下原因：

1. 检查SVG文件路径是否正确。如果文件路径不正确，则无法加载SVG图标。

2. 检查SVG文件本身是否存在问题。如果SVG文件本身存在问题，则可能会导致图标无法显示。

3. 检查CSS样式表是否正确。如果CSS样式表中存在错误，则可能会影响字体图标的显示。

4. 检查浏览器是否支持SVG。一些旧版本的浏览器可能不支持SVG图标。请确保您的浏览器支持SVG。

5. 检查字体图标库是否正确。如果您正在使用字体图标库，则请确保已正确安装并引入该库。

如果问题仍然存在，请检查您的代码并寻求帮助。

相关问题

使用svg引入彩色字体图标用于页面没有反应

可能是因为以下原因：

1. 检查SVG文件路径是否正确。确保SVG文件的路径正确，并且在页面上正确引用了它。

2. 检查SVG文件是否已正确加载。使用浏览器开发者工具查看网络面板，确保SVG文件已正确加载。

3. 检查SVG文件是否正确编写。确保SVG文件已正确编写，包括正确的命名空间、正确的XML语法和正确的路径。

4. 检查SVG文件是否正确格式化。确保SVG文件已正确格式化，包括正确的缩进、换行和空格。

5. 检查SVG文件是否正确嵌入。确保SVG文件已正确嵌入到页面中，并且在页面上正确引用了它。

如果以上步骤都没有解决问题，请尝试使用其他方法引入彩色字体图标，例如使用图标字体或CSS Sprites。

微信小程序中如何引入外部字体库iconfont的图标

在微信小程序中引入外部字体库iconfont的图标，通常有以下几个步骤：

1. 下载字体库资源：首先，我们需要在iconfont官网（https://www.iconfont.cn/）上搜索并下载相应的字体库资源，可以选择SVG格式的图标进行下载。

2. 解压下载的资源包：解压下载的字体库资源包，将里面的字体文件（通常是.woff和.ttf格式）和相应的CSS文件复制到小程序的项目目录中。

3. 修改app.wxss文件：打开小程序的app.wxss文件，在其中引入字体库的CSS文件，例如：@import "字体库CSS文件路径";

4. 使用图标：在wxml文件中通过类名方式使用字体库的图标，例如：`<text class="iconfont icon-xxx"></text>`，其中icon-xxx是图标对应的类名，可以在字体库的CSS文件或者官方提供的图标库中找到。

5. 预览和调试：在开发工具中预览和调试小程序，在页面中可以看到使用的外部字体库iconfont的图标。

需要注意的是，如果小程序中需要使用多个外部字体库的图标，可以重复以上步骤，在app.wxss文件中引入多个字体库的CSS文件，同时在wxml文件中使用不同的类名来对应使用不同的字体库图标。

以上就是在微信小程序中引入外部字体库iconfont的图标的简要步骤，希望对你有帮助。