SVG中中文字体的显示

最新推荐文章于 2024-09-24 12:17:31 发布

转载最新推荐文章于 2024-09-24 12:17:31 发布 · 542 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/samis/archive/2011/03/08/SVG.html

本文介绍了在SVG中正确显示中文字体的方法，即通过使用特定的英文名称来替代中文名称，例如宋体应替换为SimSun。文章还提供了一个详尽的字体对照表，帮助开发者轻松实现跨平台的字体兼容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

SVG中中文字体的显示

在svg中显示中文字体，需要将中文字体名称进行“国际化”，即将汉字字体名称改为英文名称，如将“宋体”改为“Simsun"，“黑体”改为"Simhei"等，

下面是部分字体对照列表：

英文名中文名

SimSun 宋体

SimHei 黑体

FangSong_GB2312 仿宋_GB2312

KaiTi_GB2312 楷体_GB2312

STFangsong 华文仿宋

STXihei 华文细黑

STLiti 华文隶书

STXingkai 华文行楷

STXinwei 华文新魏

STHupo 华文琥珀

YouYuan 幼圆

STSong 华文宋体

NSimSun 新宋体

LiSu 隶书

STZhongsong 华文中宋

STKaiti 华文楷体

STCaiyun 华文彩云

FZYaoTi 方正姚体简体

FZShuTi 方正舒体简体

posted on 2011-03-08 10:15 我的蓝海阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/samis/archive/2011/03/08/SVG.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33895516

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

SVG 字体 – SVG 常用样式（17）

https://shixuebin.gitee.io/hexo-blog/

01-30

189

path元素和其它图形元素的CSS属性：CSS属性描述fill设置图形填充色设置图形的不透明度fill-rule设置图形的填充规则marker设置沿此形状边缘线的标记设置起始标记marker-mid设置中间段标记marker-end设置结束标记stroke设置图形的描边颜色设置描边虚线和间隔长度设置虚线描边偏移设置描边线头样式，有效值为roundbutt和square设置描边连接处长度设置描边的不透明度设置描边宽度设置文本渲染方式。

osgearth控件显示中文（八）

抬头做人低头做事

02-16

171

修改osgearth源码 1.osgearth210src\src\osgEarthUtil\Controls头文件中定义如下内容。2.osgearth210src\src\osgEarthUtil\Controls.cpp中实现如下。

参与评论您还未登录，请先登录后发表或查看评论

@face-font 嵌入中文字体实例和ttf转换eot, woff, svg转换工具

05-09

找了一天终于找到了@face-font 嵌入中文字体用法和工具，网上转换要不是要钱就是转到了中文。终于找到了分开转换的工具，ttf转换eot, woff, svg转换工具，里面还有实例分享给大家。

SVG与中文字体

逐日者

05-26

8535

SVG是什么?Scalable Vector Graphics(简称SVG)，是“可升级矢量图形”的意思。SVG是由W3C制定的基于可扩展标记语言(XML)来描述二维矢量图型的一个开放标准。SVG严格遵从XML语法，SVG并用文本格式的描述性语言来描述图像内容，因此SVG是一种和图像分辨率无关的矢量图形格式。　　SVG可以使你设计的网页可以更加精彩细致，使用简单的文本命令，SVG可实现

【转帖】SVG与中文字体_瑞恩科技 ——瑞出东方,恩泽天地

yethyeth的专栏

05-15

2860

导读： SVG是什么?Scalable VectorGraphics(简称SVG)，是“可升级矢量图形”的意思。SVG是由W3C制定的基于可扩展标记语言(XML)来描述二维矢量图型的一个开放标准。SVG严格遵从XML语法，SVG并用文本格式的描述性语言来描述图像内容，因此SVG是一种和图像分辨率无关的矢量图形格式。　　SVG可以使你设计的网页可以更加精彩细致，使用简单的文本命令，

关于SVG的中文

chilong的专栏

09-05

1040

要在svgviewer中显示中文字体，需要将中文字体名称进行“国际化”，即将汉字字体名称改为英文名称，如将“宋体”改为“Simsun"，“黑体”改为"Simhei"等，下面是部分字体对照列表： English Name Localized Name SimSun 宋体 SimHei 黑体 FangSong_GB2312 仿宋_GB2312 KaiTi_GB2312 楷体_GB23

Android神技之使用SVG以及自定义IconFont字体库

藏经阁→穷则独善其身，达则兼济天下。

04-30

5502

Android神技之使用SVG以及自定义IconFont字体库简介Google在Android 5.X中增加了对SVG矢量图形的支持。SVG是什么 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG用来定义用于网络的基于矢量的图形 SVG使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与

关于qt如何显示svg矢量图片中的中文

love4Mario的专栏

11-07

5531

今天终于拿到svg格式的矢量图，之前使用开发板最多只能输出1024*768分辨率的图像，而显示器是1920*1080的分辨率，显示起来非常不清楚，于是想到用矢量图。可是矢量图到手之后，简直就是噩梦的开始。首先是windows下用ie打开之后出现乱码，接着用svg插件搞定。然后在虚拟机上在redhat系统下用qt编码，问题出现了，无法显示图片中的文字（包括中文和英文）。当时真是第一次遇到

font-family中文字体代码示例

09-25

以下是一些常见的中文字体代码示例，展示如何在CSS中使用`font-family`设置不同字体： 1. **楷体**： ```css div { font-family: KaiTi_GB2312, KaiTi, 'Microsoft YaHei', sans-serif; } ``` 这里使用了`...

SVG 字体 – SVG image（14）

https://shixuebin.gitee.io/hexo-blog/

01-29

220

元素的属性指示文件(位图)的内容应显示在当前用户坐标系内的给定矩形(“窗口”)中。– 用于图像渲染的“窗口”的宽度和高度。对象中包含和渲染位图。它也可以显示图像格式。– 控制图像的缩放方式。– 图像左上角的坐标。

svg-font:将svg文件转换为字体，将svg文件转换为字体。 FontForge脚本

03-13

svg2font ./src/build.sh svg图标转换为字体。使用python脚本调用FontForge 请先安装FontForge。也许您可以使用带有gulp插件gulp-iconfont / gulp-iconfont-css的yarn build构建。将字体添加到svg文件（2021/13/03）

Web SVG字体（SVG fonts）图标

yaoyutian的博客

05-11

5740

SVG 单个svg文件，与svgfont文件不一样，svg字体是特殊处理的图标集合，像文字一样组合好后，会有Unicode代码点，一般用工具处理获得下载SVG图标https://www.iconfont.cn/ 创建SVG fontshttps://icomoon.io/ 参考链接： 1.SVG fonts（SVG 字体）https://cloud.tencent.com/deve...

svg 文字使用

qq_27893011的博客

07-13

1892

svg 文字使用，主要为了兼容ie浏览器、ie内核的浏览器、游戏webview内核版本比较低端的内嵌页

字体格式类型(.eot/.otf/.woff/.svg)

weixin_30752377的博客

07-25

218

@font-face语句是css中的一个功能模块，用于实现网页字体多样性的模块(设计者可随意指定字体，不需要考虑浏览者电脑上是否安装)。 @font-face文件而由于网页中使用的字体类型，也是各浏览器对字体类型有不同的支持规格。字体格式类型主要有几个大分类：TrueType、Embedded Open Type 、OpenType、WOFF 、SVG。 TrueType ...

react中使用svg作为字体图标,使用react-svg组件

m0_47531829的博客

04-23

6186

公司一直使用svg作为字体图标，从一开始我使用svg字体图标的方式也是通过img标签引入的，直到最近公司做的业务有个附件预览需求是这样的：展示几种不同的样式，当预览的附件里面没有数据和有数据的时候svg图标展示的样式不一样，鼠标移入的时候，又展示不同的样式图标，一开始感觉就是把所有要展示的svg图标切出来就行了，但是后来发现有几种图标没有，如图，其中的模板有数据时，和鼠标经过-无数据悬停态的时候的svg图标没有，于是我和ui就去要了一下图标，但是ui说svg可以改颜色，并让我按照这个改下就行，不必要

FontAwesome-svg-1.1

caishu1995的博客

01-11

466

在js样式里面，我们已经了解到了一些基本用法。我们之前使用i标签，让他们帮我们创建svg，但其实我们可以自己直接使用svg。 <!DOCTYPE html> <html lang="en"> <head><title>测试书的图标</title></head> <body&gt

SVG字体图标格式解析

最新发布

03-30

<think>嗯，我现在遇到了一个问题，就是在Java中使用Batik库将SVG转换成PNG的时候，里面的中文字体显示不出来。这应该是因为系统里没有对应的字体或者Batik找不到字体导致的。那该怎么解决呢？首先，我需要确认一下SVG文件里是否正确定义了中文字体。可能SVG中指定了某个字体，但系统里没有安装，导致Batik无法渲染。这时候，可能需要检查SVG文件中的字体设置，比如有没有类似`font-family="SimSun"`这样的属性，然后确认系统里是否有这个字体。如果SVG里没有指定字体，或者指定的字体在系统中不存在，那么Batik可能无法正确渲染中文。这时候，可能需要手动将中文字体文件加载到Batik中。Batik提供了一个字体扩展机制，允许用户添加自定义字体。例如，可以通过`FontFamilyResolver`来注册字体，或者使用`AWTFontFamilyResolver`加载系统字体，但有时候系统字体可能不被正确识别，特别是在无头环境（headless）下运行时。另外，可能还需要设置Batik的配置参数，比如启用字体缓存，或者指定字体目录。Batik的文档中提到可以通过设置`org.apache.batik.font.cache`属性来管理字体缓存，但具体怎么操作呢？还有可能涉及到Java的AWT子系统，如果在服务器环境（比如Linux无图形界面）下运行，可能需要配置虚拟的图形设备，比如使用Xvfb，或者设置Java的headless模式，加上`-Djava.awt.headless=true`参数。但这可能跟字体问题关系不大，主要还是字体路径的问题。另外，用户可能需要将中文字体文件（比如SimSun.ttf）打包到项目中，然后通过代码显式地注册到Batik中。例如，使用`FontManager`的`registerFont`方法，或者通过`GVTFontFamily`来加载字体文件。这个过程可能需要处理字体文件的路径，确保在运行时能够正确访问到字体文件。还有一种情况是，SVG文件中使用了内嵌的字体，比如通过Base64编码嵌入字体文件，这时候Batik可能不支持这种嵌入方式，或者需要额外的配置来解析。这时候可能需要检查SVG文件的结构，确认字体是否被正确嵌入，或者尝试移除内嵌字体，改用系统字体。总结一下，可能的解决步骤包括： 1. 检查SVG文件中的字体设置，确保使用系统存在的字体。 2. 将中文字体文件添加到Batik的字体管理器中，通过代码注册。 3. 配置Batik的字体缓存和路径参数。 4. 确保运行环境支持字体渲染，如设置headless模式。 5. 可能需要处理SVG文件中的字体嵌入问题。现在需要具体怎么实现这些步骤呢？比如如何用代码注册字体到Batik中？有没有示例代码可以参考？还有，是否需要将字体文件放在特定的目录下？另外，可能还需要处理不同操作系统下的路径问题，比如Windows和Linux的字体路径不同，需要确保代码的可移植性。另外，可能还需要注意字体的许可证问题，确保使用的字体是允许嵌入和分发的，避免法律问题。比如使用开源字体或者已购买授权的字体。可能还需要测试不同的字体名称，比如中文字体的英文名称，比如“SimSun”对应宋体，或者“Microsoft YaHei”等，确保SVG中的font-family和注册的字体名称一致。总之，这个问题需要从SVG文件配置、Batik字体注册、系统环境设置等多个方面来排查和解决。</think>在Java中使用Batik将SVG转换为PNG时遇到中文字体缺失的问题，通常是由于Batik无法定位或加载所需字体文件。以下是分步解决方案： ### 1. **检查SVG文件字体定义** 确保SVG文件中`font-family`属性指定了系统或Batik可识别的字体名称。例如： ```xml <text font-family="SimSun">中文文本</text> ``` 若字体名称不匹配，Batik无法正确渲染[^1]。 --- ### 2. **注册自定义字体到Batik** 通过代码显式加载字体文件（如`SimSun.ttf`）并注册到Batik的字体管理器中： ```java import org.apache.batik.bridge.FontFamilyResolver; import org.apache.batik.gvt.font.GVTFontFamily; import org.apache.batik.gvt.font.AWTGVTFontManager; // 加载字体文件 File fontFile = new File("path/to/SimSun.ttf"); Font awtFont = Font.createFont(Font.TRUETYPE_FONT, fontFile); // 注册到Batik FontFamilyResolver resolver = new AWTGVTFontManager().getFontFamilyResolver(); GVTFontFamily fontFamily = resolver.registerFont(awtFont); ``` --- ### 3. **配置Batik字体路径** 通过系统属性指定字体目录，确保Batik扫描到字体： ```java System.setProperty("batik.font.path", "/usr/share/fonts/chinese/"); ``` --- ### 4. **设置Headless模式** 在无图形界面环境中运行时，启用Java Headless模式： ```bash java -Djava.awt.headless=true -jar your_app.jar ``` --- ### 5. **验证字体注册** 通过调试代码检查已注册字体列表： ```java FontFamilyResolver resolver = new AWTGVTFontManager().getFontFamilyResolver(); List<String> fontFamilies = resolver.getAvailableFontFamilyNames(); System.out.println("Available fonts: " + fontFamilies); ``` --- ### 完整示例代码 ```java import org.apache.batik.transcoder.TranscoderInput; import org.apache.batik.transcoder.TranscoderOutput; import org.apache.batik.transcoder.image.PNGTranscoder; import java.io.*; public class SvgToPngConverter { static { // 注册自定义字体 try { Font font = Font.createFont(Font.TRUETYPE_FONT, new File("fonts/SimSun.ttf")); GraphicsEnvironment.getLocalGraphicsEnvironment().registerFont(font); } catch (Exception e) { e.printStackTrace(); } } public static void convert(String svgPath, String pngPath) throws Exception { PNGTranscoder transcoder = new PNGTranscoder(); TranscoderInput input = new TranscoderInput(new FileInputStream(svgPath)); TranscoderOutput output = new TranscoderOutput(new FileOutputStream(pngPath)); transcoder.transcode(input, output); } } ```