首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用字体Awese6图标?

如何使用字体Awese6图标?
EN

Stack Overflow用户
提问于 2022-02-21 05:52:09
回答 3查看 27.1K关注 0票数 6

我以前使用过字体的图标(以前的版本)。当时,我在HTML中使用了如下所示的CDN。但现在我再也找不到了。如何使用它们有什么变化吗?

代码语言:javascript
运行
复制
<link rel="stylesheet" 
  href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2022-03-05 22:59:47

要使用新的字体好极了6,您可以再次使用CDN (如果这是您的首选),如下所示。

代码语言:javascript
运行
复制
<link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

然后使用像下面这样的图标。

代码语言:javascript
运行
复制
<i class="fa-solid fa-house"></i>
票数 21
EN

Stack Overflow用户

发布于 2022-03-04 06:13:55

代码语言:javascript
运行
复制
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />

将此链接添加到html文件的头部,并为图标使用字体出色的链接。如果链接类似于

代码语言:javascript
运行
复制
<i class="fa fa-camera-retro"></i>

您希望在<标记的页面中使用它,如下所示

代码语言:javascript
运行
复制
<a><i class="fa fa-camera-retro"></i> fa-camera-retro</a>
票数 5
EN

Stack Overflow用户

发布于 2022-10-28 15:15:10

值得注意的是,虽然是的,但CDN是可能的(您也可以下载这些文件并在本地托管它们(https://fontawesome.com/docs/web/setup/host-yourself/webfonts)) --这些字体是“免费计划”版本的有限子集

例如,fa-envelope-o将作为一个免费图标出现,但如果您查看网页字体或all.css,这是不包括在内的。然而,如果你注册了免费计划(https://fontawesome.com/plans)的话。他们会给你发送一个.js链接,但是你每月只能有10k的连接。对于大多数网站来说,这将是合适的,并开辟了一个比CDN选项更大的选择范围。

我和FA没有任何关系--只是弄清楚为什么下载和托管字体是没有意义的,你最好还是注册吧!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71201741

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档