问题标签 [fontastic]

我正在使用Fontastic的自定义字体来显示您在此处看到的图标：

图标只能是一种颜色加上透明度，在这种情况下是您在上面看到的绿色。

在某些情况下，我希望将这些图标的“详细信息”显示为白色——我想要实现这一点的方法是在图标的适当部分后面放置一个白色背景。期望的最终结果：

我尝试添加背景颜色并使用50% border-radius，但我得到这样的结果：

和这个（在我的图标元素上使用 display: inline-block 关闭）：

我觉得我遇到了困难，因为图标元素本身是矩形的，并且使用我对 CSS 的知识似乎不可能将图标后面的圆形背景居中。

我在这里放了一个图标的演示（对不起，它不是在一个'css fiddle-like'网站，但我很难设置它来匹配我的情况）：https ://hoplu.com/troubleshooting

有小费吗？我觉得可能有一个我不知道的 css 属性使这项工作变得更加容易，但一直无法确定一个。

I've been trying to center my text with my Fontastic.me icons.

Here's my code:

HTML:

and my CSS:

It doesn't line up at all, and nothing changes when I change the vertical-align option. I'm thinking maybe it's because my text is in a paragraph tag; but I wanted to ask here first.

Solved: I added the vertical-align: middle; to:

it worked perfectly.

这里是初学者。我正在尝试将 Fontastic 用于网站。这是我使用它的方式：

我得到的结果是这样的：

我的标题

虽然它应该显示一个小图像。我感谢任何评论、建议和代码示例。

Fontastic.me是一个网站，可让您上传svg文件，以便将您icons的字体用作字体。我已经多次使用这个网站，但今天我注意到这些图标不再工作mobile了。他们确实browsers在电脑上工作。我今天才注意到它，它以前一直有效。

您可以使用此链接在移动设备上进行测试。

原始文件是 WaveFont.pde，一个处理草图和一个使用贝塞尔曲线创建字符的示例。它使用 Fontastic 库（一个处理库）。我将此 .pde 文件导出到 android 并自动生成代码。但问题是，每当我尝试在我的 Android 设备上运行它时，它总是强制关闭，而且它也不会像在处理中那样生成 ttf。请查看以下代码行。谢谢你。

这是MainActivity.java

这是名为Wave.java的类

处理草图(WaveFont.pde)是：

我正在为图标使用 ttf 字体，但在使用它们时遇到问题，在字体的 xCode 右侧显示？因为这 ？我无法使用这些字体

我想做的事

我使用 Fontastic 制作了自定义图标（例如icon-plus-circle），并且一直在尝试为它们制作动画。当我将鼠标悬停在上面时，icon-plus-circle我希望它变大。我尝试使用 来做到这一点font，但它没有用。

我的问题是：可以为自定义图标设置动画吗？

如果有人可以帮助我为这些自定义图标制作动画，将不胜感激！

我的代码

HTML

CSS

JSFiddle

我想更改某个字母的样式。所以字母 (U+1F600) 的样式是background-image: new-emoji-url;. 有没有办法在 CSS 中做到这一点？我努力了

但这没有用。我做错了什么？这甚至可能吗？

我也尝试过在 fontastic 上制作图标字体，但 SVG 图标被扭曲了。

谢谢你的帮助！

我想要达到的目标：

我想在我的 Wordpress 网站上使用自定义图标（包括在管理菜单中）。

到目前为止我做了什么

我已经在 fontastic.me 上设置了一个帐户，并使用以下与“管理打印样式”挂钩的 functions.php 将字体排入队列

我已将 fontastic me 上的图标名称设置为“dashicons”，因为这样您可以直接在管理菜单中使用它们，例如

如果您将它们称为其他东西，例如自定义图标，您就不能那么容易地使用它们。

我也尝试过以其他方式排队，但问题与我在下面记录的相同。

有什么问题？

但是，通过这样做，我显然会覆盖/阻止/通常干扰 Wordpress 提供的现有“dashicons”库。

这意味着整个 Wordpress 中不在我的库中的任何破折号都无法加载，并且我在它们的空间中留下了空白方块。

任何帮助确定我如何添加到 dashicons 库，而不是覆盖它，将不胜感激。谢谢。

我正在使用 fontastic.me（自定义图标 CSS）来显示一些带有 MaterializeCSS 的社交图标。我无法正确对齐。如下图所示。

1）物化FAB，图标不在中心

2）文本和图标未正确对齐

谁能帮我正确对齐这些？