svg转css font,css – 如何将.svg文件转换为字体?

我在Stack Overflow上找到了两个相关的答案:

不幸的是,这两者都不是真正的编码答案,这是我真正希望的(脚本转换的命令行实用程序,或者也许是某人可以编写这样的东西的API).

尽管如此,通过结合这两个答案,我得到了我想要的东西.

清理SVG

(此步骤可能是可选的.)在自由软件程序InkScape中打开SVG.复制现有SVG并从FontForge Glyph模板创建一个新项目.粘贴到该模板中,标准化外观,大小和位置,并保存为PLAIN SVG,每个字符一个文件(“字形”).

将SVG转换为字体

使用IcoMoon

IcoMoon是一个相当简单的工具.单击页面顶部的紫色“导入图标”按钮以导入每个自定义SVG字形.然后在设置的首选项上单击“获取信息”,这样您就可以为该组命名并为其提供一些元数据.使用“编辑”工具(铅笔图标)并单击每个字形以获得尺寸和间距恰到好处.

完成后,选择字体中所需的所有字形,然后按页面底部的“生成字体”按钮.在结果屏幕上,您可以将每个字形映射到unicode字符.在右侧,您可以键入或粘贴一个字符,或者在左侧,您可以输入其十六进制代码.像GNOME Character Map(适用于Linux)或Windows Character Map或Mac OS Character Palette这样的程序可以帮助您找到适合您的字形的代码.

现在按屏幕顶部的“首选项”按钮(或右下角的齿轮)并最终确定新字体的名称和元数据,然后按右下角的“下载”.您将获得一个Fontname.zip文件,其中包含一堆使用建议以及字体文件本身.

迭代

我发现尺寸和间距很难正确(我正在写信).我一直在迭代IcoMoon,安装字体,并将我的字母与字母相似(使用文字处理器).尺寸调整很容易,但间距不是那么容易(我甚至没有弄乱ligatures或kerning!).不要忘记某些系统在安装新字体后需要刷新字体缓存(在Linux上,这是Fontconfig的fc-cache)

验证字体

您可能还想验证您的字体. Font Squirrel是一项在线服务,可让您这样做,提供更正和使用技巧.我认为IcoMoon已经这样做了,所以也许这只是用于FontForge创作.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/526366.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

个人家用nas_NAS不会用?NAS真的很难操作吗?可能是你没选对!

在这个大数据时代,越来越多的小伙伴们发现,无论手机容量如何扩充升级,还是无法满足越来越多资料的存储和备份。于是不少人有了想搭建NAS私有云的想法,配备了一台超大容量的NAS私有云,不仅可以即时备份电脑以及手机等设…

background的用法css,关于CSSbackground的使用方法

下面为大家带来一篇CSS background全部汇总。内容挺不错的,现在就分享给大家,也给大家做个参考。所有背景属性都不能继承。1. background-color所有元素都能设置背景颜色。background-color的默认值是transparent;也就是说,如果一…

我的世界服务器怎么修改合成表,《我的世界》1.8原版自定义合成表教程 怎么自定义合成表...

《我的世界》1.8原版自定义合成方法,很多玩家还不了解,今天给大家带来玩家“真名”分享的《我的世界》1.8原版自定义合成表教程,一起来看看吧。版本要求1.8优点:自定义合成表数量可以很大合成表可以很复杂没有名字、NBT不会合成自…

postgresql定义访问ip与用户_Postgresql-12.1最新版本在线安装以及配置使用全流程

Postgresql-12.1最新版本在线安装以及配置使用全流程 Postgresql-12.1简单介绍 PostgreSQL 12.1 已经发布,该版本在各方面都得到了加强,包括显著地提升查询性能,特别是对大数据集,总的空间利用率方面。 这个版本主要几大特点如下 …

construct2 ajax,Construct2/3

我们常在游戏中见到各种各样的剧情对话,电子游戏从最早的RPG类对话框演变至今,已经产生了无数种解决方案。但总的来说,常见的对话分为两类:最常见的galgame对话,可以看到较大的立绘图表现人物的表情动态(甚至动画)&…

tcp中的crc检验算法原理_在数据传输过程中的CRC 算法的简单说明

CRC校验(循环冗余校验)是数据通讯中最常采用的校验方式。在嵌入式软件开发中,经常要用到CRC 算法对各种数据进行校验。因此,掌握基本的CRC算法应是嵌入式程序员的基本技能。可是,我认识的嵌入式程序员中能真正掌握CRC算法的人却很少&#xff…

服务器修改用户组权限设置,如何:修改用户的权限

如何:修改用户的权限08/18/2008本文内容更新:2007 年 11 月随着时间的推移,若要对管理和项目需求进行更改,可能要求您更改 Team Foundation Server 服务器级或项目级用户的权限。更改单个用户的权限前,可将其移除&…

和氟西汀类似的备注_撒狗粮:可爱又霸气的给男朋友的微信备注

在微信里,你的男朋友是怎么被你备注的? 是“老公”,“儿子”,还是“死鬼”? 看看各地网友们的精彩备注吧!——————————————————————小垃圾大宝贝小闹闹周少爷chou狗软蛋蛋小可爱免费鸭…

服务器+返回500错误信息,HttpWebResponse远程服务器返回错误: (500) 内部服务器错误 的解决办法...

在工作中用C#开发了一个小程序,不断访问去请求一个网站的页面,在循环过程中有时会报“远程服务器返回错误: (500) 内部服务器错误”,有时不会,出现的时机也不太一样。开始以为是网站的问题,后来网站是可以正常访问的&a…

ogg 查看某条更新_明道云Web 6.1更新:日历视图上线

更新时间:2020年12月22日(周二)19点预计时长:2小时是否停服:否版本代号:Web 6.1(移动端需同步强制更新)主要更新功能日历视图日历视图让用户能从时间维度排列并管理业务数据&#xf…

服务器的可维护性,可靠性和可维护性

可靠性和可维护性可靠性一直是戴尔服务器产品线的一大亮点,R515也不例外。如内部结构所示,当你打开R515机箱的时候,你可以很明显地看到风扇的数量、分布的各个组件和双电源机箱。你也可以感觉出从中取出各个组件和拆装机箱都十分简便。配合低…

createdroptargets_使用DUILIB建立项目

使用DUILIB加载XML界面这篇主要目的就是教给大家怎样在自己的工程中加载XML界面,这是最基本的应用,对于界面控件响应啥的,我就不讲了,在大家懂了这个之后,我会给大家一个其它人写的博客,再看他的文章&#…

服务器缺少storportSYS文件,Windows操作系统蓝屏日志分析方法

或许你可以先检测下机器硬件健康状况,详情点击查看检测教程工具:X64 Debuggers And Tools-x64_en-us 下载地址:链接:http://pan.baidu.com/s/1cAO2ey 密码:9oms源文件:DMP蓝屏日志 ,文件目录查看…

vue 时区转换_vue---时间戳转换

在/assets下创建一个utils.jsfunction formatDate(date, fmt) {if (/(y)/.test(fmt)) {fmt fmt.replace(RegExp.$1, (date.getFullYear() ).substr(4 - RegExp.$1.length))}let o {M: date.getMonth() 1,d: date.getDate(),h: date.getHours(),m: date.getMinutes(),s: dat…

过滤特征_LR训练优化-稀疏特征过滤

一、背景在推荐系统中,LR由于简单高效,至今在各大互联网公司中仍广泛应用。但是互联网公司中的数据大都是高维稀疏,比如广告id,再加上各种人工的特征组合,特征维度很容易达到上亿维,使得内存的消耗和训练的…

合并工具_你值得拥有这个PDF合并工具 免费获取转换方法

合并PDF文件?很多人在日常生活中经常会需要使用到合并文档的要求,但是不是所有的人都能够很熟练的去合并我们生活中常用的文件,例如PDF,例如Word和Excel等等,其实只要我们学会了PDF合并的方法,以上文件的合…

python中eof表示什么语句错误_python中pickle的EOF错误

根据这些评论,我对最有可能的问题有一个猜测,但至少有50%的可能性我猜错了,在这种情况下……告诉我,我会删除答案。在我猜你是在尝试使用流套接字,就好像它是一个消息序列一样。这是网络编程新手中非常常见的问题。在想…

事物与持久化_跟面试官侃半小时MySQL事务,说完原子性、一致性、持久性的实现...

提到MySQL的事物,我相信对MySQL有了解的同学都能聊上几句,无论是面试求职,还是日常开发,MySQL的事务都跟我们息息相关。而事务的ACID(即原子性Atomicity、一致性Consistency、隔离性Isolation、持久性Durability)可以说涵盖了事务…

cookie里面用到的关键字_晓龙吊打面试官系列:synchronized关键字入门(同步方法与同步代码块)...

文章目录一、 线程安全问题二、synchronized简介1) 原子性2) 可见性3) 有序性4)可重入1. 什么是synchronized2.什么是同步3.synchronized的特性4.synchronized的实现原理(了解即可)三、synchronized的用法1. 同步方法2. 同步代码块四、对象锁和类锁1)对象锁2)类锁1.对象锁的探索…

mac vscode 背景半透明_给 vscode 添加半透明毛玻璃效果

Electron 可以调用 MacOS 的毛玻璃效果,下面让我来带你给 VScode 添加毛玻璃效果。2. 创建一个 CSS 文件(CSS 是我自己写的,你可以按需修改)html {background: transparent !important;}.scroll-decoration {box-shadow: none !important;}.minimap {opa…