将字体图标嵌入到外部css文件中

文章/答案/技术大牛

发布

1回答

标记CSS/JS解析

r、r-markdown、knitr

我使用了一个定制的CSS样式作为我的R标记HTML输出。我期望输出只需将CSS文件内容插入HTML文件的头部，但是CSS被修改了。例如，CSS用@import url(...)嵌入了一些外部字体，这些字体直接嵌入到带有数据URI (src: url(data:font/ttf;base64,...)的文档中。类似的行为也适用于外部Jav

浏览 7提问于2020-01-19得票数 0

回答已采纳

4回答

字体内的图标对网站有好处吗？

css、fonts、icons

我想创建只包含图标的特殊字体。并且每个字母都将是不同的图标。我想把这个字体嵌入到css中。如果我需要一些图标，就像这样使用：和css <link href='http://fonts.mysite.com/css?family=MyFontWithIcon

浏览 3提问于2010-09-06得票数 3

3回答

html、css、bootstrap-4、icons、font-awesome

如何嵌入字体惊人的图标到外部css样式表。对于Font Awese5& free图标 border: 1px solid #F5F5F5; border-radius: 4px;

浏览 33提问于2018-07-18得票数 2

回答已采纳

3回答

用木偶制作的不显示字体的图标的PDF

javascript、pdf、fonts、puppeteer、webautomation

我需要创建一个PDF缓冲区并将其保存到数据库中。我把完整的DOM传递给木偶师，其中大部分都很好。当我打开创建的PDF缓冲区时，会应用引导样式，并得到一个漂亮的PDF。然而，字体-令人敬畏的图标不会出现。我只有两个CSS文件: framework.css (用SASS创建，包含自定义样式、引导样式和字体-棒)和打印媒体(包含用于隐藏或显示导航之类内容的打印媒体css )。'}); const buffer = await page.pdf();

浏览 2提问于2019-02-22得票数 5

回答已采纳

1回答

是否有避免出现错误的字符(用于图标)？

css、character、font-face

我使用将一些SVG文件转换为字体。SVGs是图形，不是字母。我知道这个，但我想知道是否有一种更简单的方法来避免FOUT (在@字体面板文件完全加载之前出现的未样式文本的闪存)。，我是否可以为我的符号指定字符代码，如果浏览器暂时使用回退字体？，这些符号将被呈现为空白。

浏览 0提问于2014-08-05得票数 0

2回答

如何在Chrome打包应用程序中使用自定义/外部字体图标

css、icons、dart、angular-dart、google-chrome-app

我用AngularDart编写了Chrome应用程序，并试图获得一些外部图标，以使应用程序看起来更好看，但在网上找不到任何例子。在下面的解决方案中尝试了很多东西，但都没能让它发挥作用。我在我的css中添加了@字体，如下所示： font-family: 'Icons';}

浏览 2提问于2014-09-04得票数 9

回答已采纳

1回答

在Codepen.io上导入外部CSS文件时出现问题

css、pastebin

我喜欢使用，我正在尝试从导入一个css文件。我不知道我做错了什么。在CSS部分中，我已经注释掉了我试图在外部CSS文件中包含的样式。如果取消注释图标字体的样式，您将看到列“Type”中的图标

浏览 3提问于2013-02-27得票数 4

5回答

使用一些实用程序或脚本将嵌入的PDF字体提取到外部ttf文件中

pdf、fonts、scripting、flash、extract

是否可以使用某些实用程序或脚本将嵌入到PDF文件中的字体提取到外部ttf文件？如果系统中存在嵌入(或未嵌入)到PDF文件的字体。使用pdf2swf和从swftools提取工具，我能够确定在PDF文件中使用的字体的名称。然后我可以在运行时编译相应的系统字体，然后加载到AIR应用程序

浏览 10提问于2009-12-17得票数 2

回答已采纳

1回答

如何使用PDFTron在html2pdf中呈现引导css* (XSL Java)*

html、xslt、pdftron

我在java中使用PDFtron.jar，我的应用程序将html转换为pdf，每件事都很好，除了bootstrap css在转换时不渲染(PDFTron不理解bootstrap css而转换为pdf)，例如下面的代码不被pdftron理解，我在我的pdf中得到了这两个div。family=Lato:400,400i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com&#

浏览 20提问于2017-08-21得票数 0

1回答

如何在ionic2中添加新的自定义字体图标

ionic2

我是一个使用ionic2的初学者，我很难添加新的定制字体图标。有人能帮我吗？或者发送一个我可以遵循的教程链接？到目前为止，在研究中，我看到的都是关于离子1的教程，使用gulp。我已经从图标中生成了字体图标。谢谢!欣赏它

浏览 3提问于2016-04-25得票数 3

回答已采纳

2回答

将谷歌字体添加到MediaWiki外观

mediawiki、mediawiki-templates

我需要知道向MediaWiki外观添加谷歌字体的推荐方法。我知道我可以使用Common.css，我知道可能会有一些扩展来满足需要，但是当我开发一个皮肤时，我想用这个皮肤添加必要的字体。

浏览 28提问于2021-06-20得票数 0

回答已采纳

1回答

TFS 2017 web应用程序显示不佳

tfs

我们安装了TFS 2017 update 3，在web应用程序中显示图标时出现了问题。对于每个项目，"Files“部分中的"Code”部分都有问题，文件的内容没有显示。在浏览器console中，我们可以看到这些问题。我们的Bowtie.woff文件有39KB。 CSS3111：@字体-脸遇到未知错误。bowtie.woff C

浏览 6提问于2017-12-05得票数 1

1回答

导入样式表CSS文件中的图标

javascript、html、css、reactjs

在assets/css/style.css内部，我有以下代码： color: #eceff5; left: 25%; top: 49%;} 正如您在上面看到的，我的常规CSS代码使用普通的嵌入式字体，非常棒的图标。如

浏览 0提问于2020-10-14得票数 1

1回答

为什么选择器不能在css中工作？*

css

这是代码这是一个错误编辑:下面是将css添加到html中的部分。

浏览 0提问于2018-07-31得票数 2

回答已采纳

4回答

psuedo元素如何更改为共享图标

html、css

我在许多网站上看到了“前”元素的内容，如它首先看起来像一个方框，然后变成twitter图标，没有使用背景图像或javascript，有人能解释这些图标是如何创建的吗简而言之，我想知道在上面的网站上，共享图标是如何创建的，它们没有使用背景图像，也没有使用图像，那么它们是如何创建这些图标的呢？

浏览 3提问于2016-12-29得票数 0

回答已采纳

2回答

当使用角+杯+ Browserify时，砂糖图标不显示

angularjs、gulp、angular-ui-bootstrap、browserify、glyphicons

我有一些主要的问题，让糖图标出现在我的网页上。我搜索并尝试了其他人推荐的大部分内容，但似乎都没有效果。只有一个灰色的方块出现在图标应该在的地方。每一个图标都会发生这种情况。我有一个基本的理解，如何吞咽和浏览工作，但这是可能的，我没有包括正确的字体文件。网络流量显示正在加载的字体文件(图片在下面的链接中)。必须有一些简单的东西，我错过了，但我只是无法弄清楚。在我的package.json文件中，除了依赖项之外，什么都

浏览 2提问于2016-02-02得票数 0

回答已采纳

1回答

Icomoon selection.json，为现有项目添加新图标

html、json、svg、fonts

我尝试向selection.json添加新的图标，下载了新的json文件，并看到了添加的图标。但它们在index.html中是不可见的。我没有看到facebook和goole+ icons.The selection.json自动更新我的iconmoon.svf文件。我的selection.json代码。

浏览 5提问于2016-10-18得票数 4

1回答

如何正确地从webpack生成的NPM包中加载资产？

css、reactjs、npm、webpack、webpack-file-loader

我使用webpack为npm包生成适当的文件，它将承载一些反应组件。他们有一些CSS附加，其中引用了一些字体和图标。有没有办法解决这个问题，让我的主要应用程序寻找正确的文件？我宁愿修复包本身，也不愿复制像这样的资产，因为我可能无法完全控制主应用程序。

浏览 1提问于2016-05-11得票数 19

1回答

9上的零星字体-图标

html、css、internet-explorer、internet-explorer-9、font-face

我有一个网站，在两个不同的页面上使用糖霜图标和字体图标，具有相同的行为:图标不在IE9中显示，而是在Chrome/Firefox中工作得很好。起作用的事情：由于某种原因，每当我重定向到其中一个页面时，IE9都会中止对某些css文件的GET，在这种情况下，图标会像预期的那

浏览 6提问于2015-05-27得票数 0

1回答

布局的Google字体

layout、fonts、profile、internal

有没有办法将google字体添加到内部css中？就像配置文件布局一样？<link href='http://fonts.googleapis.com/css?family

浏览 1提问于2015-02-23得票数 0

点击加载更多

标记CSS/JS解析

字体内的图标对网站有好处吗？