解决在html中引入font-awesome的css文件后, 图标显示不出来

今天小颖在做项目时,需要在html文件中引入font-awesome.min.css,但是引入后:

虽然小颖已经在html中引入了  font-awesome.min.css   ,但是图标并没有出来,怎么解决呢?

其实只需要把font-awesome中的fonts文件夹放在与font-awesome.csss所在的css文件夹同级的位置问题就解决啦,嘻嘻。

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>通行费计算</title>
    <link rel="stylesheet" href="./css/amazeui.min.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
</head>

目录:

原文地址:https://www.cnblogs.com/yingzi1028/p/9591092.html

时间: 2024-10-12 20:44:47

解决在html中引入font-awesome的css文件后, 图标显示不出来的相关文章

页面中引入带中文的JS文件乱码问题

1. WebConfig: ? 1 <globalization requestEncoding="gb2312" responseEncoding="gb2312" fileEncoding="gb2312"/> 2.<META http-equiv="content-type" content="text/html; charset=gb2312"> 3.<script t

史无前例的FireFox奇怪问题:host中的common名称造成css文件无法加载

今天遭遇了一个非常非常奇怪的问题,一个css文件(common.cnblogs.com/Skins/marvin3/green.css),Firefox怎么也无法打开,一直在转圈. 而换成其它浏览器都能正常打开,百思不得其解. 后来,将host换了一个名称,由 common.cnblogs.com 改为 cdn.cnblogs.com (cdn.cnblogs.com/Skins/marvin3/green.css,换成其他名称也可以),问题就解决了. 史无前例的FireFox奇怪问题:host

Django中加载js和css文件

Django中加载js和css文件 项目的目录结构如下: mysite |-mysite |-|-static |-|---js和css文件 |-|-|-init.py |-| |-models.py |-| |-views.py |-|-init.py |-|-settings.py |-|-urls.py |-templates |-|-(template html 文件) settings.py中static变量的设置: STATIC_ROOT = os.path.join(os.path

Vue中引入bootstrap导致的CSS问题

最近在进行vue.js+webpack进行模块化开发的时候,遇到一个奇怪的问题. 问题是这样的: 1. 在main.js文件中引入bootstrap的js和css. 2. 自己写了一个Header.vue模块,其中的导航条使用的bootstrap的class和自己的class. <ul class="navbar-nav my-navBar" id="my-navBar"> 3. 在Header.vue中定义了一些ul li 和 a 标签的样式. ul.

vue 中 scoped的用法 以及css文件引入问题的补充

自:https://blog.csdn.net/weixin_39941429/article/details/80254724 下面再说说VUE中scoped的编译原理吧.具体可以参考vue-loader 所谓的局部css,就是通过vue-loader这个插件,在编译打包的时候将带有scoped属性的css打上一个tag,同时将template内的所有html都打上一个相同的tag,最后通过css的属性选择器定位,造就了所谓的局部css.参考scoped内复写组件样式 css-loader对i

关于在html中引入jquery-1.4.3.js文件,产生的$ is not defined

今天在写项目的的时候遇到一个问题,将jquery文件的引入放在js代码之前项目不报错,但是放在js代码之后,在浏览器运行html会报出$ is not defined,但是在其他的html页面中,放在js代码之后却不会产生这样的问题,思来想去,考虑这可能与html页面的加载顺序有关,html页面的加载顺序是: 从上到下运行,先解析head标签中的代码, 1>head标签中会包含一些引用外部文件的代码,从开始运行就会下载这些被引用的外部文件           当遇到script标签的时候,浏览器

网页中多个图标在一张图片上,使用css将各图标显示

现在的网页中显示很多图标算是常态,发现项目中页面上用到的图标都是单个图标单个文件,用的时候直接往页面上挂,这确实很常态. 如果,网站是挂在外网上,或者网速过低,又大量使用图标的情况下,由于浏览器和服务器的并发连接数是受限的,通常是4~8个,那么图标显示过慢或者超时的情况就会发生. 当然了,像采用CDN,或者按照浏览器的并发数对图片文件进行域名分散存储处理也是再好不过的,但不是都有这样的条件. 一般都会把图标文件做的尽可能小,尽管如此,1张50k的文件比起50张1k文件下载起来还是很有优势的. 那

thymeleaf引入的js和css文件不能请求到,自己写的js和css就可以

原因应该是复制到项目中的文件后没有刷新maven,点这个就好了 原文地址:https://www.cnblogs.com/19322li/p/11247814.html

解决Android工程中引入codec.jar包报错问题

在Android项目中使用到了org.apache.commons.codec.jar包下的Hex.encodeHexString(byte[] input)方法进行加密.结果编译通过,运行时总是报java.lang.NoSuchMethodError: org.apache.commons.codec.binary.Hex.encodeHexString([B)Ljava/lang/String;错误. 原因:Google Android内部也有一个包名一样的工程,而且类名也相同,关键一点是没