问题标签 [svg-font]

问问题

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.

22 问题

0 投票

3 回答

1055 浏览

html - 为什么我的 SVG 字体不起作用？

我创建了 SVG 字体，然后将其转换为 ttf 字体。Ttf 字体可以正常工作，但 svg 字体不能 - 在 Chrome 和 Firefox 中测试。这是我创建的文件：

我的字体.svg：

我的字体.css：

我的字体.html：

我看到!的"是字符而不是图标。当我更改url("myFont.svg#myfont") format("svg");为url("myFont.ttf") format("truetype");按预期工作时（转换为myFont.ttf使用node.js 模块https://www.npmjs.org/package/svg2ttf。所以奇怪的是，从 svg 生成的 ttf 有效，而 svg 本身却没有......myFont.svgttf

0 投票

1 回答

44 浏览

fonts - 字体未在网页上呈现

我使用Font Squirrel创建了Lato字体的网络版本。

我还在Plunker中设置了一个测试套件，以便对其进行测试和调试。

某些字体未呈现：

SVG 不在 Safari 5.1 中呈现（在 Windows 和 OS X 上）
EOT 未在 Internet Explorer 11 中呈现

在 IE 11 中渲染 EOT 时，我在调试控制台中收到“未知错误” 。

兼容性表：

这可能是什么原因？我如何解决它？

fonts webfonts eot svg-font

0 投票

0 回答

358 浏览

svg - pdf中svg中的圆形文本

我正在尝试以 pdf 格式发送 SVG 文件。pdf 有一些圆形/转换后的文本（公司名称）。

事情是我创建了 pdf，但圆形文本在输出 PDF 上没有显示为圆形，而是直接显示。我使用 DomPDF 和 TCPDF 来创建 pdf。这是我的 SVG

svg pdf-generation dompdf svg-font

0 投票

0 回答

88 浏览

xml - 如何将字形分配给控制字符？

似乎 XML 不接受范围 from到内部属性但#x7f允许¡. 它在我的解析器中触发了这种错误：

我还尝试在几个 Web 浏览器中打开该文件，并在相同的行中收到类似的错误消息。我在标准
中找不到这种行为的目的。然而，似乎允许转义的 Unicode 控制字符。

那么有人知道这种设计的原因吗？
是否有在 svg 文件之外定义和使用这些字形的替代方法？

xml svg ascii svg-font

0 投票

0 回答

144 浏览

javascript - 执行 grunt-svgstore 后如何添加 svg 文件

我正在使用 grunt-svgstore 任务来创建 svg 文件的合并版本。

问题陈述：
完成 grunt-svgstore 任务后，我已经包含了 svg 文件。

我的解决方案
svg-sprite.svg

索引.html

index.html 的页脚部分

用法

还有其他方法可以让我以更有效的方式编写上述代码吗？

javascript svg svg-font grunt-svgstore

0 投票

1 回答

1338 浏览

glyphicons - 使用 Glyphter.com 将 SVG 转换为字体时的偏移量 - 偏移量

我在 Adobe Illustrator 中创建了一个简单的 SVG，然后将其保存为 SVG：

然后我将此 SVG 上传到 glyphter.com，它看起来完全居中：

然后，我将 Glyphter 下载生成的 .svg 文件拖放到 fontello 中，并在我的网站中使用它，但我生成的所有文件都像这样偏移：

有谁知道为什么会有偏移量？不应该是居中的吗？

我什至尝试使用画板保存我的 SVG 图形，并且我使用了高度和宽度相同的画板，所以它是一个正方形。

glyphicons fontello svg-font

0 投票

1 回答

471 浏览

css - 带有来自 W3.org 的嵌入字体示例的 SVG 图像不起作用

我正在尝试使用非标准字体创建一个带有简单图形且只有几个公司名称单词的 SVG 图像徽标。为了节省大小，我决定只嵌入单词所需的字形，而不是引用整个字体。但是没有使用自定义（嵌入）字体显示文本。所以我在“最重要的网站”——W3.org 上找到了一个非常相似的例子，令我惊讶的是，他们的例子在大多数现代浏览器中也不起作用。

这是带有示例的官方 SVG 定义文章的链接： https ://www.w3.org/TR/SVGTiny12/fonts.html

这是相关 SVG 示例文件的链接： https ://www.w3.org/TR/SVGTiny12/examples/font01.svg

这是文件中的代码：

它不起作用，这意味着图像被渲染，但使用了错误的字体，在：