腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >在svg文件中嵌入带有@字体的基64 truetype字体，在IE中不起作用。

问在svg文件中嵌入带有@字体的基64 truetype字体，在IE中不起作用。
EN

Stack Overflow用户

提问于 2015-09-07 00:52:26

回答 1查看 175关注 0票数 2

我有一个独立的SVG文档，没有任何外部依赖。我正在使用嵌入在base64中的自定义字体。

我正在使用@字体嵌入字体，如下所示：

@font-face{font-family:'a_e2ef524fbf3d9fe611d5a8e90fefdc9c';src:url(data:font/truetype;charset=utf-8;base64,[BASE64_CODE])format('truetype');font-weight:normal;font-style:normal;}

字体在Chrome和FireFox中呈现良好，但在(任何版本)中则不然。

windows属性显示字体是可安装的。

我愿意接受任何帮助。提前感谢！

internet-explorer

svg

fonts

base64

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-09-07 03:02:12

我已经解决了这个问题，问题是字体名(a_e2ef524fbf3d9fe611d5a8e90fefdc9c)的长度。

我似乎不喜欢超过31个字符的名字.我只是更改名称为"aaa“和字体呈现罚款！

看这里有个例子 (用IE打开它)。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32434617

复制

（译）SDL编程入门（16）TrueType字体

渲染 http html

使用SDL渲染文本的一种方法是使用扩展库SDL_ttf。SDL_ttf允许你从TrueType字体中创建图像，我们将在这里使用它从字体文本中创建纹理。

arcticfox

2020/10/29

9930

怎么在自己的网页中引用其他好看的字体？

css 网站

有的网站字体，用户电脑上没有，如果只是单纯的定义 font-family 是不起效的。我们可以将字体文件放置在网站目录（知道君喜欢放在OSS，但是这个需要注意跨域的问题），直接引入，这样即使用户电脑上没有该字体也能自动加载。设置方法如下： css 代码：自定义字体

夏末浅笑

2020/02/22

2.5K0

web字体规范

svg

对于设计稿的解析中，肯定是有些设计稿有特殊的字体，而这些字体可能只有设计师才有，或者只有前端拓展了系统字库才能显示器正确效果。但对于前端页面的终极使用者，他们可能系统没有这些字体，那么对于这些特殊字体究竟该如何处理？本文通过与设计，产品，前端的统一沟通，达成共识如下。请各个前端按照这个原则去对应的解析实现设计ui效果。

RobinsonZhang

2018/08/28

2.9K0

iOS在应用中添加自定义字体原

其他

2、注意Build Phases中的Copy Bundle Resources中是否导入了文件：

珲少

2018/08/16

1.9K0

Bootstrap里的文件分别代表什么意思及其引用方法

bootstrap css svg javascript

*bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用 *bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，所以文件大小会比bootstrap.css小，可以在部署网站的时候引用，如果引用了这个文件，就没必要引用bootstrap.css了，下面的文件同样。

德顺

2019/11/13

1.8K0

KlayGE中的字体

编程算法图像处理

官方文档参见:http://klayge.sourceforge.net/html/font_in_klayge.html

逍遥剑客

2019/02/20

1.5K0

让你的网站用上炫酷的中文字体

https 网络安全 github git 开源

随着当前 Web 技术的日新月异，网页界面内容越来越丰富，让人眼花缭乱，其中就包括了网页中的各种自定义字体。

米开朗基杨

2019/12/19

2.8K0

html网页中嵌入LED数码管字体

html

原文： https://blog.csdn.net/u013946061/article/details/108402025 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>字体文件测试</title> <style type="text/css"> @font-face { font-family: 'led'; src:url(digifaw.ttf);

周星星9527

2022/04/01

1.9K0

minigui 3.2.0:基于miniStudio应用TrueType字体的过程(2)-字体边缘锯齿,字库剪裁

gui https 网络安全打包 jar

10km

2019/05/26

1.3K0

网页中内嵌字体

其他

Background 今天在浏览一个网站的时候，发现了一款非常好看的字体，审查元素发现，这个字体叫Open Sans，非常惊艳。和我以前发现的一款字体Segoe UI非常像。对比了一下，其实都很不错，而且很相像。于是Google了下，竟然发现其实这两款字体出自同一人Steve Matteson之手！真是大神级的人物。看来的我的欣赏水平还没有跑偏。不同的是，Segoe UI属于微软的东西，付费，而Open Sans是免费的。刚好自己最近在做网站开发，于是就想把这款字体嵌入到自己正在做的网页里。今天就写一下

gaofc

2018/05/09

4.1K0

04-移动端开发教程-在线字体

bootstrap ios svg

在IE4开始微软就已经开始支持在线字体，不过没有流行起来，直到CSS3新增加了font-face模块，正式纳入了web开发的标准。也渐渐流行起来而且发掘了很多其他应用。 1. 为什么要用在线字体问题精灵图（雪碧图）用作背景的时候不能轻易的放大缩小。低质量的位图在高清设备上放大后会有难看的锯齿，无法满足响应式页面的开发需求在线字体带来的革命：在线字体本质就是文字，但是也可是像图形的文字。节省了带宽（相比图片）字体文件大小也不大（一般几百k）。在线字体本身是矢量的，放大缩小都不会失真可以灵活的通过

老马

2018/04/02

3.3K0

在网页中使用自定义字体

网站 ios svg

@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体，比如说首页的Logo，Tags以及页面中的手写英文体，很多朋友问我如何使用，能让自己的页面也支持这样的自定义字体，一句话这些都是@font-face实现的，为了能让更多的朋友知道如何使用他，今天我主要把自己的一点学习过程贴上来和大家分享。

OECOM

2020/07/02

1.9K0

04-移动端开发教程-在线字体图标

bootstrap 网站 ios

本文主要介绍了在移动端网页开发中，如何利用web font和自定义字体实现字体图标。首先介绍了字体图标的原理和分类，然后介绍了如何在移动端网页中使用字体图标。最后列举了几个常用的字体图标工具，以及如何在这些工具中使用自定义字体。

老马

2018/01/02

3.4K0

在centos上安装字体

网站 linux

在文件管理器中打开字体文件，可以看到右上方有install按钮，点击即可安装。缺点是暂时没有找到删除的方法，也不知道安装到了哪个路径下。

羽翰尘

2019/11/20

2K0

CSS调用远程字体

ubuntu css

Demo 可以参考：http://idv3.sinaapp.com 中标题字体的用法，具体用法如下：

大江小浪

2018/07/25

3.1K0

minigui 3.2.0:基于miniStudio应用TrueType字体的过程(1)

gui eclipse ide ubuntu linux

10km

2019/05/25

1.2K0

SVG字体比IconFont更好用(SVG Sprite)

svg http grunt

也许大家都用过字体图标（https://www.iconfont.cn/——，但这次看了这篇文章，感觉直接使用svg更加方便。。。

javascript.shop

2019/09/04

3.3K0

自定义字体

windows html

本文主要介绍了字体在网页设计中的重要性，包括字体选择、字体大小和行间距的使用，以及如何使用字体图标来提高用户体验。同时，还提供了一些关于字体样式、字体资源和参考资料的信息。

IMWeb前端团队

2018/01/08

2.6K0

依赖管理（一）：图片、字符串文件和字体在Flutter中怎么用？

ios android

前文中，我与你介绍了Flutter的主题设置，也就是将视觉资源与视觉配置进行集中管理的机制。

拉维

2019/08/19

2.9K0

点击加载更多

相似问题

在堆栈中嵌入TrueType字体？

在现有TrueType中嵌入PDF字体

在IE中嵌入字体

TrueType字体文件中字体表的数量？

在SVG中呈现truetype字体时出现问题

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问在svg文件中嵌入带有@字体的基64 truetype字体，在IE中不起作用。
EN