问题标签 [icon-fonts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
118 浏览

firefox - 如何在Firefox的输入中垂直居中字体大小大于容器的文本

默认样式表 firefox 中有一个东西,它使 :line-height:normal !important;用于输入。

我的文本font-size:20px;在 Firefox 中计算的行高为 37px。我的容器(输入)具有 30px 的固定高度,我无法使用填充使文本居中,因为内容 > 容器和 CSS 不允许负填充。

我使用图标字体,这就是我需要的大字体。

铬没问题,即等...

不幸的是,我不能用另一个 html 元素替换。

0 投票
6 回答
14371 浏览

html - 如何将 icomoon 字体更新为现有的 icomoon 字体?

将字体更新为现有字体

我已经在我们的网站上使用了 5 种 icomoon 字体,这些字体是从 icomoon 下载的。我想再包含 2 种字体。我应该怎么办?

我可以将新的 2 字体添加到现有字体中吗?如果是,我该如何添加它们?

0 投票
1 回答
26582 浏览

html - 如何在我的 CSS 中使用 fontello 的图标?

我一直在使用entypo(从entypo.com下载),并显示如下图标:

很标准。但是由于当您从 entypo.com 下载它时提示已关闭,所以我已切换到从 fontello 下载它。只是现在我的 css 内容代码不再起作用了。

我可以在演示中看到 fontello 使用这样的跨度来调用 html 中的图标:

但这对我来说似乎很丑陋。我想从 css 中完成,但我怎样才能找出在我的 css 中放入什么样的代码?

0 投票
1 回答
61 浏览

icon-fonts - 文本旁边图标的不同格式

我希望图标像现在一样正确地排列在文本的右侧,但我不希望图标采用文本的格式。我能够让图标排列在文本右侧的唯一方法是将其包含在“”中。

0 投票
1 回答
1091 浏览

php - 使用 DOMDocument 从 SVG 获取 unicode 值

我正在尝试检索图标字体中字形的 unicode 值。字体结构如下:

我正在尝试unicode使用DOMDocument获取属性。

但是,我总是只得到一堆  echo'ed 而不是实际的 unicode 值。我需要使用这个 unicode 值来显示字体系列中的字符并将逐字存储在数据库中。

0 投票
1 回答
1435 浏览

wordpress - 你如何将星级图像从 WooCoomerce 更改为另一个图像

所以,我一直在为一家酿酒厂开发一个电子商务网站。

如您所知,WooCommerce 使用星星作为评级符号。客户不想要星级评分系统,因为在他的利基市场中,明星是针对白兰地和其他类似酒的。

那么,如何将星星更改为另一个符号?(我知道这是一个图标字体)

谢谢。

0 投票
2 回答
1274 浏览

unicode - 使用 Unicode 补充多语言平面符号创建 webfont

我做了一个传统纸牌游戏的概念验证在线实现。为了避免实际绘制卡片的图片,我使用了相应的 Unicode 字符(例如 U+1F0A1 )。虽然这在现代 Linux 桌面(使用DejaVu Sans 来显示这些字符)上效果很好,但其他操作系统(例如 Windows 或 Android)似乎缺少可以显示这些字符的字体。

一个简单的解决方案是通过@font-face. 为了避免下载所有 DejaVu Sans,我想创建一个仅包含相关代码点的字体。原则上, Font Squirrel 的 Webfont Generator允许这样做,但我无法让它与来自 Unicode 平面 1(扑克牌符号所在的位置)的字符一起使用。

是否有一些简单的方法来创建@font-face包含 U+1F0A0 到 U+1F0DF 的兼容字体?

0 投票
2 回答
13208 浏览

css - 如何在不下载新组包的情况下使用 fontello 添加一个图标

我在我的网站上使用 fontello 作为一些图标。当您从 fontello 下载时,它们会提供:

  • .ttf
  • .woff
  • .svg
  • .eot
  • 带有@font face 的css文件链接在一起

一切正常,但我总是发现自己遇到这个问题,如果有人能给我一个提示,我想:

- 如果我想在下载后在这个集合中添加一个新图标怎么办?

有很多图标,再次搜索会带来错误。我想知道是否有一种简单的方法可以下载额外的图标并将其添加到您已有的集合中。

0 投票
1 回答
1663 浏览

css - Zurb Foundation 4 图标字体设置

希望事情进展顺利。

我目前正在使用 Zurb Foundation 4 为网站构建 html/css 原型。我目前只是使用 Sublime Text 3 和互联网浏览器来构建它。我对使用 Zurb Foundation 图标集非常感兴趣,但我目前无法让它们显示。虽然我安装了 Scout for sass,但我希望继续使用文本编辑器和浏览器来构建这个原型。虽然我能够从 Zurb Foundation 网站下载图标包,但我不清楚如何将这些文件构建到我当前的项目中。我的项目为以下文件夹/文件结构:

  • css(包含foundation.css、foundation.min.css、normalize.css)
  • img(包含 .gitkeep)
  • js(包含基础和供应商 js 文件)
  • 索引.html

Zurb Foundation 图标带有各种文件类型,包括 .css、.eot、.svg、.woff 等,包括一个名为“svgs”的文件夹,其中似乎存放了这些图标字体。我试图做以下事情:

  1. 将 zurb 基础图标字体文件夹的内容放入我的项目的 css
  2. html页面上的链接基础图标样式表
  3. 在 html 中我输入了“”来测试一个图标

虽然面板外壳图标确实变大了一点,但图标并没有出现。是否可以在运行和编译 sass 时使用图标字体?我可以纯粹做 html/css 还是我需要 gem 和 compass 运行?我对使用图标字体和实现感到满意,但我只是不确定如何设置它。

任何人都可以建议一个文件夹结构和简单的说明如何正确地将包含在基础图标包中的文件添加到基本的 zurb 项目(例如您从他们的网站下载 zurb 基础时收到的基本项目)?

提前感谢您,非常感谢您的帮助。

0 投票
1 回答
608 浏览

less - 扩展 Fontello 图标

我正在尝试用更少的方式扩展 Fontello 生成的图标伪类。

现在虽然这有效:

这不会:

看不出来为什么?

li:before这种情况下,将从 中获取内容定义.icon-ok:before,而不是从 中获取一般样式[class^="icon-"]:before, [class*=" icon-"]:before

对我来说似乎是一个错误?