True Type Font Convert to Svg（ttf to svg）

最新推荐文章于 2023-11-13 22:45:03 发布
最新推荐文章于 2023-11-13 22:45:03 发布
阅读量2.1k 收藏 2
点赞数
分类专栏： 快显 文章标签： TrueTypeFont svg ttf TileMill 配图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yh0503/article/details/99832536
版权

这块我个人创建了一个Mapnik的QQ群，感兴趣的朋友可以加进来交流讨论【Mapnik】

缘起

Esri的ArcMap软件配图时，常用的字体符号想转换成SVG格式，在web地图中使用，网上google到的好多在线转换网址，转换完都不好使，本文主要记录ttf字体符号转svg图片的过程。

  • ArcMap 这块使用的是字体符号。
  • Mapnik 这块使用的是SVG图片符号。

软件准备

  1. Bridfont（这块下载免费版本的就好了）
  2. FontForge
  3. QGIS
  4. ArcMap

转换过程

  1. 找到一个ttf字体，并拷贝到一个临时目录。这块可以直接利用Everything软件搜索Esri ArcMap中使用的ttf字体文件。
  2. 使用Bridfont打开ttf字体（可以打开）
    在这里插入图片描述
  3. 选择左侧面板的All Glyphs
    在这里插入图片描述
  4. 选择一个符号，点击右上角的导出SVG
    在这里插入图片描述
  5. 选择Export Glypy as SVG，选择输出的路径，输入导出的文件名
    在这里插入图片描述
  6. 查看结果
    在这里插入图片描述

应用（待补充）

可以在QGIS/ArcGIS Pro/Tile Mill/Mapnik中查看配图效果，具体应用步骤略。

转换过程的缺点

  • 只能单个符号转换，不能批量转。
  • ttf文件不要有中文字符，最好是英文或数字这种的。
  • 导出的图片不知道为什么符号在框框外面，个人感觉位置可能存在问题，有待验证。

参考资源

YoungHappyGIS
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
gulp-ttf2svg:吞咽。 将字体 ttf 转换为 svg
06-25
gulp-ttf2svg 吞咽。 将字体 ttf 转换为 svg。 在使用之前你必须安装 ttf2svg #npm install -g ttf2svg #npm install --save-dev ttf2svg #npm install -g ttf2svg #npm install --save-dev ttf2svg insted of 'assets/fonts/' you have to set your source fonts folder insted of 'build/fonts/' you have to set your destination fonts folder var gulp = require('gulp'), ttf2svg = require('ttf2svg'), fs = require('fs'); gulp.task('ttf2svg
svg图标转Iconfont字体图标
热门推荐
菜得抠拇指
05-04 2万+
最近在实际开发项目中用到了SVG格式的图片，在web中用着挺麻烦的，所以想到了把svg转换成字体图标。 找到一个比较好用的svg转iconfont的网站，而且免费 附图  选中图标然后点击Generate Font然后下载就可以愉快的用自己制作的字体的图标啦 附链接 https://icomoon.io/ 使用 把下载下来的fonts文件夹和style.c
arcgis 10.2 创建style图标文件
hamov的专栏
07-05 9641
1、点击自定义中的样式管理 2、点击样式 3、点击创建新样式---选择要保存文件的位置并命名 4、这里我们创建一个text.style空的文件 5、点击确定后 6、 7、如果是点，可以放到标记符号里--双击标记符号 8、在红色框内---点击右键新建---标记符号 9、如果是图片，将此处选择为图片标记符号，点击确定 10、重新命名
由IconFont引起的svg、ttf、woff、woff2图标的研究及转换
liu_chenglong的博客
04-12 8444
正在研究中，待修改，请勿全信。。。。。。 1、.svg文件： svg文件就是一个xml，定义了文字属性，位置等信息。 svg教程 例子： <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG...
ttf/woff等字体文件一键导出svg上传iconfont.cn
diocis的博客
11-13 279
ttf/woff等字体文件批量一键导出svg上传iconfont.cn 字体文件编辑
Element-Plus从font-icon迁移至SVG-icon
Ziuc的博客
06-13 610
element-plus
爬虫：怎么应对字体混淆反爬机制，TTF怎么转换为SVG，PNG
weixin_40904071的博客
05-21 1896
现在越来越多的网站开始采用字体混淆，这种技术来应对爬虫。它就是采用TTF等一些字体文件替换掉了HTML里面的文本信息。并且准备了几千套字体作为爬虫的见面礼。 为什么需要将TTF转换为SVG，PNG图片？ 因为当存在几千套字的时候，单纯比较文件名，unicode, 顶点信息都是无法识别的。下图就是汽车之家的例子，同样一个字‘下’，在不同页面是有细微区别的。 解决这样的问题，最好的方式就是OCR，O...
ttf/woff等字体库导出svg文件上传iconfont.cn
Make
02-17 2667
本想修改FontEditor代码（https://github.com/ecomfe/fonteditor）自动分割字体库导出每个字体的svg文件， 结果git代码下来没安装成功： npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename 'E:\WebSite PHP\ww...
QT中使用SVG的一种方法（SVG转TTF）
sinat_37342159的博客
10-16 1725
今天跟大家分享一个关于QT中使用SVG的一种方法（并不全部适用，请大家阅读后，在决定是否使用此方法）。 话不多说，上栗子： 比如：如图1：SVG路劲图，当我们在网页上或者其他方法知道了一个SVG的path路劲，我们可以将这个路径复制出来。】 图1：SVG路劲图 接下来我们打开你的svg文件记得用notepad...
svgs2ttf:通过FontForge将SVG图像捆绑到TTF中
05-04
svgs2ttf 描述 快速而肮脏的FontForge + Python脚本可从SVG文件目录（或FontForge可以导入的其他轮廓格式）和一些JSON元数据的目录中生成字体。 不要与混淆。 有更复杂需求的用户可能需要 ， 或 。 依存关系 （带有python的版本。于20140101开发） > = 2.6或3 用法 $ svgs2ttf metadata.json 示例metadata.json： { "props": { "ascent": 800 , "descent": 200 , "em": 1000 , "family": "Example" } , "input": "src" , "output": [ "example.ttf" ] , "glyphs": { "0x41": { "src": "a.svg" } , "0x42":
易语言-svg图片转换
06-25
svg图片转换源码
Free TTF To SVG Coverter
03-27
将TTF格式字体转换为SVG格式，永久免费哦
@face-font 嵌入中文字体实例和ttf转换eot, woff, svg转换工具
05-09
找了一天终于找到了@face-font 嵌入中文字体用法和工具，网上转换要不是要钱就是转到了中文。终于找到了分开转换的工具，ttf转换eot, woff, svg转换工具，里面还有实例分享给大家。
svg2font：将SVG转换为字体格式
02-05
注意：svg-> svgfont-> ttf ttf-> EOT ttf-> WOFF ttf-> WOFF2 ttf-> svg， ， Unicode字符平面映射平面始末字符值中文名称英文名称0号平面U + 0000-U + FFFF基本多文种平面基本多语言平面，简称BMP 1号平面U + ...
save-ps-to-svg 1.0.zip
06-12
支持 PhotoShop 将形状图片转化为 svg路径的脚本
save-ps-to-svg1.0.jsx
06-12
直接 PhotoShop 直接将形状文件转化导出为 SVG路径的脚本
Ubuntu16.0.4 Flask+Postgis（ST_AsMVT） 矢量切片初体验
爱莫能助
11-23 2871
MVT PostGIS 常用函数 矢量切片后端服务（基于PostGIS+Flask ） 矢量切片前端展示(基于MapBox-GL.js ） 测试结果 点 线 面 快显优化策略
Mapnik xml配置
爱莫能助
06-11 2594
资料 思维导图 XML配置详解 Map对象 Style对象 Rule对象 Layer对象 DataSource对象 XML配置优化
svg to pdf svg2pdf
最新发布
12-29
以下是两种将SVG转换为PDF的方法： 1. 使用svg2pdf.js和jsPDF库（JavaScript）： ```javascript // 引入所需的库 const svg2pdf = require('svg2pdf.js'); const jsPDF = require('jspdf'); // 创建一个空白的PDF文档 const doc = new jsPDF(); // 获取SVG元素 const svgElement = document.getElementById('your-svg-element'); // 将SVG转换为PDF svg2pdf(svgElement, doc, function() { // 保存PDF文件 doc.save('output.pdf'); }); ``` 2. 使用svg2pdf（Go）： ```shell # 安装svg2pdf go get github.com/jung-kurt/gofpdf # 运行svg2pdf svg2pdf -in input.svg -out output.pdf ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值