将字体图标嵌入到外部css文件中
将字体图标嵌入到外部CSS文件中是一种常见的前端开发技术，它可以通过使用特定的字体文件和CSS样式来实现在网页中使用图标。这种方法的优势在于可以减少页面加载时间和网络请求次数，同时提供了灵活的图标样式定制和跨浏览器的兼容性。
字体图标的嵌入过程包括以下几个步骤：
- 选择合适的字体图标库：有许多流行的字体图标库可供选择，如Font Awesome、Material Icons、Ionicons等。这些库提供了丰富的图标集合和相应的CSS样式。
- 下载字体文件：从选定的字体图标库中下载所需的字体文件，通常是包含字体图标的.ttf、.woff、.woff2等格式文件。
- 创建CSS文件：在外部CSS文件中定义字体图标的样式。可以使用@font-face规则来引入字体文件，并为每个图标定义相应的类名和Unicode编码。
- 使用字体图标：在HTML文件中使用相应的类名来应用字体图标。可以通过添加<i>标签，并为其添加相应的类名来插入字体图标。
字体图标的应用场景非常广泛，可以用于各种网页和应用程序中，如导航菜单、按钮、标签、列表等。字体图标具有矢量化、可缩放、颜色可定制等特点，可以适应不同尺寸和分辨率的屏幕，并且可以通过CSS样式进行灵活的定制。
腾讯云提供了一款名为"腾讯云字体图标库"的产品，它提供了丰富的字体图标集合和相应的CSS样式，可以方便地嵌入到外部CSS文件中使用。您可以通过以下链接了解更多关于腾讯云字体图标库的信息和使用方法：
相关·内容
我已经连续三天在寻找答案了(我确实睡了几个小时)。
我使用的是一个wordpress主题，它可以流畅地集成字体图标。但我想改变这些图标，使用我自己的图标，但它们不会在Firefox中显示，但在Safari，Chrome等浏览器中可以显示。
我正在使用以下css代码将图标更改为我自己的图标：
.fa-euro:before {content:url(http://nip10.nl/xtra-icons/icon-2.png);}
.fa-glass:before {content:url(http://nip10.nl/xtra-icons/icon-1.png);}
.fa-bell:befo
浏览 1提问于2014-04-30得票数 0
1回答
我使用grunt构建了我的javascript项目。对于javascript和css文件，它运行得很好。请在下面找到我的css的一个类。
@font-face {
font-family: 'demo_icons';
src: url('../font/demo_icons.eot?79280179');
src: url('../font/demo_icons.eot?79280179#iefix') format('embedded-opentype'),
url('../font/demo_
浏览 4提问于2014-09-02得票数 0
2回答
我有一个奇怪的问题，图标(从方框)没有出现在我的svg。他们总是出现在我的本地电脑上，所以很长一段时间我没有意识到其他人有什么不对劲。
例如，看看本文中的第一个svg映像：
在有红色和绿色的“卖出”和“购买”字的价格和一堆盒子，实际上应该有棍棒数字和其他图标如下：
缺少的图标之一是：
在css中，我包括了字体css。在svg中，我使用了相关的unicode字符。事实上，第一个映像有一个巨型\ of 183，因为我试图键入unicode而不是粘贴字符。
对我做错了什么有什么想法吗？我显然不是一个web开发人员，我创建这些图像是为了说明一个问题，现在我不得不花更多的时间来处理图像，而不是实际
浏览 2提问于2016-01-07得票数 1
回答已采纳
5回答
字体在离线模式下无法工作
、、、
我使用字体-可怕的图标来发布我的HTML，CSS模板。当我有活动链接时，它们正常工作，但是当我下载CSS文件并将它包含在我的页面图标中时，图标就消失了。
直播路径：<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
局部路径：<link href="css/font-awesome.css" rel="stylesheet">
如何在脱机模式下使用字体？
浏览 5提问于2015-06-14得票数 13
回答已采纳
1回答
我有一组大约10个25x25或更小的单调图标。哪个具有更好的性能：
1)使用数据URI将它们嵌入到CSS中
2)将它们加载为字体(等)
加载为字体似乎没什么好处，因为它会调用http：，除非我...2b)嵌入字体文件本身。
上个月我一直在这个项目上使用IcoMoon，但如果我需要更改SVG并重新上传到应用程序中，它就有点乏味了。在处理字体和图像时，CSS也相当混乱。似乎我可以用base64对SVG进行编码，这样就可以省去麻烦了。
那么你会说什么是最好的方法呢？或者是这些的替代方案？我正在针对Webkit、Mozilla和IE8+进行优化。
浏览 5提问于2013-02-07得票数 1
回答已采纳
2回答
我使用的是Bootstraps字形图标，包括如下所示：
<!-- Load Bootstrap CSS (Flatly) and Javascript -->
<link rel="stylesheet" href="http://bootswatch.com/flatly/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<lin
浏览 0提问于2014-06-27得票数 1
1回答
如何创建像字体一样的图标？
、、、、
我是网络开发的新手。在我的示例项目中，为了获得图标，我包含了字体-可怕的插件()。我可以选择所有可用的图标。但是我有两个像project specific images一样的project logo。
问题1:如何将特定于项目的图像(png)转换为“字体-令人敬畏”之类的图标
问题2:我搜索了一下，然后发现这些文件都是带有svg扩展名的文件。所以，如果我转换我已经有SVG格式的图像，那就足够了。
问题3:所以，一旦我创建SVG图标，我将能够应用CSS样式，因为我应用在“字体-令人敬畏”的图标。
这一切我都是新手。请引导我。
浏览 0提问于2016-08-15得票数 9
回答已采纳
1回答
字体的性能
、、、、
一家网络开发公司为我开发了一个网站，它使用了字体5.15.3中的12个图标。他们在JavaScript中使用SVG。在使用Google PageSpeed Insight之后，我发现字库JavaScript成为了性能瓶颈。
然后我找到了。但是，这并没有提供关于每种方法的多少信息。我试着联系支持，但到现在还没有得到任何回应。所以我试着用这些方法来测试，比如SVG雪碧和单独的SVG图标，同时分享我对每种方法性能的利弊的理解。
注：，我只考虑我的情况。
使用javascript的SVG :基于我在Chrome DevTools中的调试，javascript代码似乎只是找到类似的模式，并用相应的s
浏览 5提问于2021-08-13得票数 1
2回答
我用AngularDart编写了Chrome应用程序，并试图获得一些外部图标，以使应用程序看起来更好看，但在网上找不到任何例子。在下面的解决方案中尝试了很多东西，但都没能让它发挥作用。我在我的css中添加了@字体，如下所示：
@font-face {
font-family: 'Icons';
src: url(data:font/ttf;charset=utf-8;base64,<ttf file encoded to base64>) format('truetype'),
url(data:font/woff;
浏览 2提问于2014-09-04得票数 9
回答已采纳
3回答
我需要创建一个PDF缓冲区并将其保存到数据库中。我把完整的DOM传递给木偶师，其中大部分都很好。当我打开创建的PDF缓冲区时，会应用引导样式，并得到一个漂亮的PDF。
然而，字体-令人敬畏的图标不会出现。我只有两个CSS文件: framework.css (用SASS创建，包含自定义样式、引导样式和字体-棒)和打印媒体(包含用于隐藏或显示导航之类内容的打印媒体css )。下面是创建PDF缓冲区的代码：
const browser = await puppeteer.launch({
args: ['--disable-dev-shm-usage', '--n
浏览 2提问于2019-02-22得票数 5
回答已采纳
1回答
不复制字体的Gulp文件
、、、、
我试图通过资源/资产/字体/web图标/目录移动一些字体，这样当我在布局中使用它们时，它就会显示正确的图标。有人能帮我理解一下，当我为我的gulp文件运行这个文件时，它不会将网页图标复制到公用文件夹中，我正试图将它显示为public /fonts/web-图标。
var elixir = require('laravel-elixir');
elixir(function (mix) {
/**
* Copy needed files from Remark directories
* to /public directory.
*/
浏览 5提问于2016-02-09得票数 2
回答已采纳
2回答
我正在尝试将编辑程序wysiwyg集成到我的Yii应用程序中。wysiwyg正在加载和运行。但是，图标没有显示(快照在这里- )。我将复制到扩展目录，并在_form视图中调用小部件。下面的代码-
echo $form->labelEx($model, 'content');
Yii::import('ext.imperavi-redactor-widget.ImperaviRedactorWidget');
$this->widget('ImperaviRedactorWidget', array(
浏览 4提问于2014-06-26得票数 0
回答已采纳
2回答
天气图标只显示为方形。
、、、
我正在尝试使用Erik的漂亮天气图标，但我无法让它工作。我使用的是烧瓶，文件夹结构如下所示：
-static
-css
-fonts
-js
我已将字体和css文件复制到上面各自的文件夹中。我插入到css文件的链接如下：
<link href="{{ url_for('.static', filename='css/weather-icons.min.css') }}" rel="stylesheet" media="screen">
而且它看起来很好，当我查看页面源时，我可以转到css文件
浏览 9提问于2016-10-02得票数 0
回答已采纳
3回答
在构建angular库时包含资源
、、、、
我正在构建一个包含自定义图标字体的库。但是，当我使用ng build <library-name> --prod构建我的库时，assets文件夹不包括在构建中，这意味着在使用生产构建时不会显示图标。
我尝试过多种解决方案，比如在angular.json中添加assets数组，以及将assets文件夹复制到创建的dist文件夹中。
我使用的是Angular 8，这个库是使用angular-cli创建的。
我尝试了两种方法来包含字体:在一个样式文件中使用@import url( '../assets/icon_font.css' );，以及在一个需要../assets/
浏览 3提问于2019-09-01得票数 28
回答已采纳
3回答
我需要写一个图标字体使用网站的建设的CSS。我使用10.10的MAC进行开发，但找不到任何方法来检索需要插入到CSS中的单字符Unicode值
.font-icon-pencil:before {
content: "\e038";
}
如何读取字体文件的内容，以获取该自定义字体中的图标代码？
浏览 8提问于2014-12-02得票数 12
1回答
我正在研究如何加快页面加载速度，并且我必须自定义CSS3 @font-face字体加载到页面中。
我查看了一些其他站点的源代码，注意到它们以某种方式嵌入到css文件中(据我所知)。
下面是一个来自的示例，如果你看一下css文件，里面有嵌入到css中的字体：
@font-face {
font-family: 'ProximaNova';
src: url(data:font/opentype;charset=utf-8;base64,d09GRgABAAAAA0ABIAAA...[redacted]..xBeTUFYWAA==) format("woff
浏览 0提问于2012-04-10得票数 2
回答已采纳
1回答
如何使数据uris中定义的字体出现在8中？
这里是背景:我在一个web应用程序中使用tinyMCE HTML编辑器，该编辑器正在被几个组织使用，其中一些组织使用IE，而IE已被设置为不允许字体下载。tinyMCE中的图标是作为字体实现的，因此那些不能下载字体的人看不到图标。我试图通过在skin.min.css中使用数据uri方案来解决这个问题。
src:url('fonts/icomoon.eot')
我把它改成了
src:url("data:application/vnd.ms-fontobject;base64,TCAAAK...DOJntO")
这在IE9
浏览 0提问于2014-01-31得票数 1
回答已采纳
1回答
我不完全确定为什么会发生这种情况，但我似乎收到了一些关于CSS字体字体的IE8请求的常规服务器端错误报告。CSS中的路径是相对的，我没有看到来自IE9的任何错误。
下面是一个日志错误消息示例(一些信息模糊了)。
{
"DateTimeUTC": "2012-12-10T15:58:32.2512016+00:00",
"RequestId": "goq9",
"UserIP": "72.221.104.224",
"UserAgent": "Mozilla/4
浏览 2提问于2012-12-12得票数 3
2回答
我尝试在xpages应用程序中使用令人敬畏的字体，遵循，但是图标的图像没有加载。从IE的调试(F12)中，我注意到尝试加载时出现错误，如下所示。如果您加载与正常加载相同本地页，如IE调试器的第二个屏幕中所示。
我尝试更改font-aewome.css文件的url路径，它甚至加载了出现错误的文件(根据下面的屏幕)，但图标没有加载。我使用的是版本3.2.1。会是这样吗？
浏览 3提问于2017-02-23得票数 1
回答已采纳
我下载了引导程序主题，它具有以下文件夹结构
css/
img/
js/
less/
vendor/
index.html
现在，我已经创建了一个subfolder，复制了文件夹中的index.html，并通过添加../更改了CSS和JS文件中的链接。特别是，第18行上的fontawesome链接更改为
<link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
令我惊讶的是，那些让人敬畏的字体链接不再有效了
浏览 2提问于2017-07-06得票数 1
1回答
我在这里读到了关于svg图标的
但作者没有提到是否可以将图标部分从内容中分离出来，就像网页字体一样。SVG是否总是需要出现在HTML代码中？它们可以包含在CSS样式中吗？
浏览 2提问于2016-02-18得票数 0
在我的网站中，字体棒的图标有时会变成正方形，大多数时候，他们加载正确，我一直在论坛中寻找这个问题，似乎这种情况与他们的不一样:图标是字体棒，类fa-ANYEXAMPLE存在字体是在一个文件夹(/css/字体)，因为它应该是文件的内容fontawesome.css被复制到文件bootstrap.css和调用在网站的头部我认为我的链接是正确的，因为图标加载正确的大多数时间会是什么问题？
浏览 2提问于2016-08-18得票数 1
回答已采纳
2回答
在研究了各种解决方案，之后，我仍然无法在Phonegap中找到难以捉摸的图标。
它在我的电脑上运行得很好，但是一旦我用创建了这个应用程序，网页字体图标就不再显示了。
我的文件夹结构如下所示：
我的CSS看起来如下：
@font-face {
font-family: 'Elusive-Icons';
src: url('../res/fonts/elusive-icons.ttf') format('truetype'),
url('../res/fonts/elusive-icons.otf')
浏览 1提问于2015-05-16得票数 1
回答已采纳
4回答
我想创建只包含图标的特殊字体。并且每个字母都将是不同的图标。我想把这个字体嵌入到css中。如果我需要一些图标，就像这样使用：
<a class="icon">f</a>
和css
<link href='http://fonts.mysite.com/css?family=MyFontWithIcons' rel='stylesheet' type='text/css'>
它包含：
@media screen {
@font-face {
font-family: 'MyFontWi
浏览 3提问于2010-09-06得票数 3
我得到了一个svg文件，其中包含使用@font-face语法的某种字体。该svg位于/logo/logo-big-web.svg，字体为服务器上的/font/MDN/MDN.ttf格式。
当我在浏览器中打开http://www.mywebsite/logo/logo-big-web.svg时，一切正常，字体加载正常，svg文件正确显示。
但是，当我尝试将svg文件嵌入到html文件中时，例如在index.html中
<img src="/logo/logo-big-web.svg" ... ></img>
当我在浏览器中打开http://www.mywe
浏览 1提问于2013-12-14得票数 29
回答已采纳
svg字体有问题。
这是我的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
<img src="sign.svg">&l
浏览 2提问于2015-04-07得票数 0
4回答
引导3糖图标CDN
、、、、
注意！
引导图标在之后返回。
在过去几周反复讨论这个问题之后，我决定将图标字体恢复到主要的回购。考虑到图标在UI中的流行程度，如果不将图标(或其他图标字体)与CSS和JS放在同一个位置，可能对大多数人都是有害的。
此更新包括以下内容：
还原文档(在组件页上)
新变量，@icon-font-path和@icon-font-name，以灵活地添加和删除图标字体
升级到最新的砂糖图标(增加40个新图标)
移除CSS页面中提到的旧图标。
我们将致力于改进图标字体的定制，以便更容易地交换字体库(这是最初删除的全部动机)。
哪个是Twitter新版本的CDN url？
浏览 6提问于2013-08-14得票数 83
回答已采纳
6回答
糖图标显示不正确
、、、
我正在用jsf、primefaces和bootstrap 3开发一个应用程序。
图标中的测试页面在我的浏览器中显示得很好，但是当我尝试使用web项目中的图标时，我只得到一些奇怪的符号。
我的最佳猜测是，即使我也将字体复制到项目中，并且允许相对路径相同，但图标css文件仍然找不到字体：
-resources
-css
-bootstrap.css
-bootstrap-glyphicons.css
-fonts
-glyphicons-halflings.eot
-glyphicons-halflings.otf
浏览 4提问于2013-08-01得票数 4
回答已采纳
1回答
.svg内部的样式类型
、、、
我四处寻找这个问题的答案，但没有运气。当我搜索'type‘和' .svg’时，我得到了很多关于使用.svg文件显示字体的问题的答案。但是我遇到了一个在.svgs中显示类型的问题。
前几天，我正在为一个项目从插画家那里弄出几个.svgs。一切都很好，我在我的网站上有可伸缩的图形，它们看起来很棒。然后我在第三方电脑上查看了我的项目，并注意到我的.svgs中的所有字体都变了。我很快意识到，这是因为浏览器将类型注册为类型，而不是在.svg中勾画轮廓。这台第三方机器不支持字体，正在用系统字体替换它。
因此，我只是回顾和扩大我的文本，然后烘焙出来的大纲和问题的解决。大概吧。从可伸缩性的角度
浏览 1提问于2015-11-17得票数 1
回答已采纳
1回答
布局的Google字体
、、、
有没有办法将google字体添加到内部css中？就像配置文件布局一样？
我试着把这三个都嵌入进去，但是我不能让它改变我布局中字体的外观。google字体适用于内部css还是仅适用于外部css？
<style>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
@import url(http://fonts.googleapis.com/css?family=Dancin
浏览 1提问于2015-02-23得票数 0
我想得到所有的类名图标从字体到列表或数组在c#中从字体。我想要获取所有变体图标，例如： fas fa-abacus
far fa-abacus
fal fa-abacus
... 我试图从css文件中提取它，但它只获取图标名称本身，没有前缀。 var text = File.ReadAllText(@"fontawesome\all.css");
var allMatches = Regex.Matches(text, @"^\.fa\-(.*):", RegexOptions.Multiline); 谢谢你的帮助。莫妮卡
浏览 104提问于2021-10-29得票数 1
因此，我使用以下CSS来生成SVG徽标：
background: url("data:image/svg+xml;base64,xyz.....");
有人知道如何在样式表中使用CSS更改图标的颜色，而不是嵌入到SVG标记中吗？
我尝试在页面上多次使用相同的徽标，使用不同的颜色，所以不希望在样式表中加载SVG代码的多个版本。
谢谢!
浏览 1提问于2013-04-08得票数 3
这是字体令人敬畏的效果，只有当我使用字体可怕的4.1CDN时，我才能得到它)
使用下载的文件，我包括字体文件夹和字体-awesome.css，但仍然没有出现图标。
我的链接是正确的。
字体-awesome.css文件路径，我没有改变任何东西。
目录文件夹和文件。
字体文件夹的内部。
在css文件夹中。
********************************************************
我还是没能让图标出现，为什么？？
浏览 7提问于2014-08-24得票数 34
回答已采纳
我一直在浏览网站，寻找一种方法来为我自己的应用程序添加我的自定义css字体图标。我已经上传了工作区静态文件中的css文件，并将url放在Shared Components\ Themes \ Icons \ Custom Library file url中。
请告诉我如何使用我的自定义css字体图标，因为我不想上传图像或更多。
浏览 4提问于2018-05-13得票数 0
我用的是象形字体。当引导程序被压缩并与其他css文件捆绑在一起时，图标将停止正确呈现(它们显示为空方块)，但当引导程序未被压缩时，图标将正确呈现。当它被压缩时，当我加载我的页面时，我会收到这样的消息：
资源解释为字体，但使用MIME类型的文本/平原传输：“/字体/图标-halflings-Regar.woff”
对于每个糖原字体文件(.woff、.ttf、.eot、.svg)。
为什么压缩css会阻止正确解释这些文件？当css被压缩时，我如何才能得到正确呈现的图标字体？
浏览 1提问于2015-04-21得票数 0
回答已采纳
1回答
希望事情进展顺利。
我目前正在使用4构建一个网站的html/css原型，目前我只是使用Sublime 3和internet浏览器来构建它。我对使用Zurb基金会图标集非常感兴趣，但我目前无法将它们显示出来。虽然我安装了Scout，但我希望继续使用文本编辑器和浏览器来构建这个原型。虽然我能够从Zurb基金会网站下载图标包，但我不清楚如何将这些文件构建到我当前的项目中。我的项目是以下文件夹/文件结构：
css (包含foundation.css、foundation.min.css、normalize.css)
(包含.gitkeep)
js (包含基金会和供应商的js文件)
in
浏览 3提问于2013-11-17得票数 0
我从Font Awese4.4升级到了5，我从下载的文件升级到了CDN。
字体工作正常，但是当在我的搜索域输入占位符中使用图标时，它不会像我想要的那样显示：
input {
font-family: Arial, 'Font Awesome 5 Free';
font-weight: 500;
color: #777;
font-size: 18px;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css&#
浏览 66提问于2018-05-20得票数 2
回答已采纳
1回答
引导图标显示得不好。
、、、、
我有MVC5应用程序，我使用下面的按钮显示图标，从引导到it.the，问题是图标没有很好地显示(我测试过的所有图标都有相同的问题.)，我看到的只是矩形而不是图标垃圾桶，I已经在不同的项目中使用了它，并且在contnet文件夹中运行良好，在contnet文件夹中，我有bootstrap.css &bootstrap.min.css。我认为我可能遗漏了一些文件，这些文件是我应该验证项目中存在的东西?或其他建议。
@Html.ActionLink("Delete", "Delete", new { id = item.Id }, new { @class
浏览 0提问于2014-06-08得票数 0
回答已采纳
所以我有一个<div>，在<div>中有一个图标作为background-image，大小为15 in，白色，背景透明。是否有任何方法可以覆盖图标的白色，而不使用JavaScript和CSS在包含它的div中着色？
我读过一些关于SO和CSS技巧的解决方案，比如一个浅色覆盖(显然不是解决我的问题的方法，因为我只想让图标着色，而不是背景)，以及一些令人困惑和错误的建议(使用background-image和background-color)。
对我来说这似乎微不足道。或者我们还没有和CSS3在一起？
浏览 4提问于2015-11-12得票数 4
回答已采纳
我最近将一个Flex 3项目升级到Flex 4 "MX Only“，在升级之前，我有一些旋转的文本，现在不能呈现。我使用以下声明将字体(“宋体”)嵌入到CSS样式表中：
/* CSS file */
@namespace mx "library://ns.adobe.com/flex/mx";
@font-face
{
fontFamily: Verdana;
src: url(VERDANA.TTF);
}
mx|global
{
fontFamily: Verdana;
fontSize: 12;
fontWeight: n
浏览 0提问于2010-08-18得票数 1
回答已采纳
10回答
我的网页设计师为我提供了更新的字体/图标，这些字体/图标已经添加到了font awesome中--他把它放在了本地的fonts文件夹中。我还得到了一个font-awesome.css文件。
我直接将fonts文件夹复制到我的资源中，并将font-awesome.css放入了assets/stylesheets。
css在我的代码中被正确引用，但字体文件夹中的任何图标都没有加载。
是否需要做些什么来确保所有内容都正确加载和/或fonts文件夹被引用？
浏览 0提问于2012-06-15得票数 58
回答已采纳
2回答
引导3糖子错误
、、、
我意识到这里也有类似的问题，但是很多答案都是使用gems或者直接修改Bootstrap的文件。虽然这些配置是有效的，但我想增加我在这个领域的知识集(链轮、Rails管道、前端开发)，并想了解为什么这不起作用，根本的问题是什么。
Ruby2.0.0-p 353，Rails 4.0.2，Bootstrap 3.0.3，Nginx 1.4.4，乘客4.0.33
我从他们的站点下载了最新的Bootstrap zip，执行了所有找到的操作，将这些文件直接包含到我的应用程序中，并且能够在我的开发环境中像预期的那样显示这些图标。然而，当我部署到生产中时，字体图标在Chrome中显示为方形。我将图标文件的各个
浏览 4提问于2014-01-11得票数 5
1回答
我是的粉丝，我用了很多图标。但是，现在我需要添加我的自定义图像到字体令人敬畏的文件使用作为图标。我想把它们添加到字体图标文件中，这样我就可以使用它们的属性，比如.fa-2x、.fa-lg等等。通过在互联网上的研究，我发现我可以使用或将我的svg图像转换成字体，但是，我的困惑是在下载生成图像的文件作为字体之后，如何将它们添加到字体棒的文件中。我是说，已经有一些文件
FontAwesome (开放式字体文件)
fontawesome-webfont.eot
网络字体(SVG文档)
网络字体(真字体文件)
fontawesome-webfont.woff
在下载自定义生成
浏览 0提问于2014-06-04得票数 0
1回答
为什么字体在发送邮件时不起作用？
、、、、
我在用Marketo发电子邮件。在这些电子邮件中，我使用了令人敬畏的字体来创建社交媒体图标。但是，它在发送时不会出现在电子邮件中。
要导入字体，我使用以下方法：
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
浏览 1提问于2014-10-02得票数 1
回答已采纳
9回答
我正在使用字体Awesome文件使其成为，这样我就可以在Sass项目中使用@import。我还使用将Sass转换为Css。问题：
是否有一种方法只将使用的图标类引入到转换的.css中？因为现在它承载了_font-awesome.sass中的所有类
的好处是：是否有可能用使用图标类来重新编译字体，从而使其在生产使用时更小？
如果我能从上面的第一条得到一些提示，那就太棒了。
谢谢。
浏览 10提问于2013-03-11得票数 90
回答已采纳
1回答
字体是用来提供商业网络字体的吗？
、、、、
我有两个相关的问题。字体是用来为商业字体服务的，还是仅仅是图标？无论哪种方式，使用字体来提供字体都需要多少文件(文件名也是受欢迎的)？
作为解释:我的客户端在他们的网站上有一个商业网站字体许可，并且希望我在一个HTML5 'app‘(交互式可视化)中使用它，它将嵌入到他们的站点上。我没有访问他们的站点/域/服务器的权限，但是我需要提供代码，这样它就可以使用他们的字体库了。他们给了我这个字体-可怕的链接，并说，这是我需要这样做。
我很肯定至少还有另外一个CSS文件需要，也许还有其他细节。我本人并不是HTML5开发人员，但我对这方面的技术有很好的掌握，并使用其他几种软件语言进行开发。他习
浏览 4提问于2016-07-05得票数 1
回答已采纳
我喜欢使用，我正在尝试从导入一个css文件。
下面是我在Pastebin上托管的外部文件的链接：
在该文件中，我链接到我的实际字体文件。
我不知道我做错了什么。谁能给我指明正确的方向或者让我知道如果这是可能的。
这是实际的代码。
在CSS部分中，我已经注释掉了我试图在外部CSS文件中包含的样式。如果取消注释图标字体的样式，您将看到列“Type”中的图标。
我尝试过在css部分的设置中链接flie，这个部分是内置到codepen中的。并在css中使用"@include url('')“。
浏览 3提问于2013-02-27得票数 4
最近我使用创建了一个图标字体。生成的字体将供整个开发团队使用，因此他们可以添加更多的图标，只需提交新的字体和CSS文件。我知道这可以通过Icomoon提供的导入特性来实现。
但是，知道我们可以导入生成的字体/ sprite或selection.json文件，我很好奇这些文件导入Icomoon时是否会产生相同的结果。如果要向字体集添加更多图标，应该导入哪个文件到Icomoon以确保一致性？
浏览 4提问于2016-09-19得票数 0
回答已采纳
1回答
我正在使用图标字体的一些网页设计，我有一些困难，找出什么准确地为我的CSS内容的价值。
我在已经完成的css中看到，对于某些图标，它使用以下方法：
.icon-facebook:before{
content: '\ea8a';
}
这一切都很好，但我想将该图标更改为其他图标，问题是，当我打开我的Mac's FontBook应用程序上的字体，并悬停在同一个图标上时，我得到以下数据：
Glyph 336
U + E94F
有谁知道如何查看一个TTF字体，并获得正确的值，我可以插入一个CSS文件，并让他们正确地显示？
更新：经过消除后，CSS @字体脸正在调用一个链接
浏览 3提问于2015-12-10得票数 2
我已经创建了一个样式，在其中我定义了一个字体family.When，我应用这个样式来标记它，它反映了字体在应用到火花按钮时没有变化。我尝试了各种方法来应用字体样式，但是它除了字体系列之外，work.Other属性不工作得很好。甚至我尝试创建皮肤类并在其中设置标签的字体族样式。在预览皮肤时，我可以看到更改，但当我将其应用于按钮时，它会显示默认字体。下面给定的代码是用视图编写的，我遵循了两种方法，但它们都不起作用。
方法1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
embed-as-cff: false;
}
&l
浏览 6提问于2012-02-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
