欢迎光临散文网 会员登陆 & 注册

[ 字 体 ] 系列视频素材整理;

2022-07-15 19:33 作者:雾削木FHZ  | 我要投稿


字体导图


文案一期:

相信大家都会写字吧~,你要说不会那我也没办法;

从人类第一次使用文字交流到现在各种语言其实都是信息的表达。

文字是文化的载体、是社会的缩影。(百科)

文字的释义有字形(glyph)、字体(font)、字体集(typeface),当然由于社会发展他们的界限逐渐模糊,把它们统称字体就行。

像篆书、隶书、燕体、楷书、草书、宋体、仿宋体、黑体的字体都是一种统称,像是老师写的草书和我写的草书,那就是一个草书和"糙"书。

在使用电脑的时候屏幕上显示的文字其实就是一个字体里被显示出来的文字图形,这些字体文件的格式有很多种,除了常用的ttf、eot、woff等,甚至连svg也可以做为字体文件的格式。当然这些字体和矩阵表达不同,它们使用矢量图形作为每个字的图形,因此这些字体在被放大无数倍之后依然可以很光滑,但如果渲染设置不好,再好的字体依然可以变成糊糊或者像素字体(个人还是比较喜欢像素风)。

这样的设计更多的还是要感谢活字印刷的发明,字体文件就像一套活字,而渲染引擎可以从字体文件中提取出对应图形然后按各种大小、颜色、样式(下划线等)显示出来。yyds~

字体文件的制作本期视频就不涉及了,不过由于字体文件的版权问题,很多人也被索赔过,因此在使用字体时也要注意商用和付费问题。

字体的下载这里up推荐两个国内的网站:字体天下和自由字体。

文案二期:

上期我们说了字体文件当中是用矢量图像作为字符显示的图形。

我们平时逛网站和web app的时候看到的那些图标其实都是字体中的图形,原理很简单,就是将原本用作显示字符的矢量图换成图标的矢量图,这样再通过渲染出来就是要的图标了,而且这些图标也可以像矢量图一样随意更改大小、颜色。

首先字体图标的下载有很多网站,这里推荐两个一个是icomoon字库和阿里的iconfont字库。

下载后将文件内fonts文件夹移动到目录下,引用style.css,使用span标签添加图标即可。

那么在程序中如何使用字体图标呢,通过fonts目录下的ttf字体文件,可以安装字体或者将其作为临时字体安装,然后在程序中设置字体并显示字符即可,这里拿up之前写的一个模块源码来说,

如果程序中使用了这个字体,而用户的电脑上又没有这个字体,那么就需要让用户安装字体到系统才能正常使用,这就很麻烦,因此便有了临时字体的安装,这样安装的字体系统重启后便会消失,也可以自己RemoveFontMemResourceEx卸载。

首先使用AddFontMemResourceEx这个函数映射字体,参数就放图片上了。

然后就可以照常使用,设置字体,然后根据显示字体图标,这里在开发的时候最好使用系统自带的字符映射表这个软件,可以显示字体中所有的字符,也可用来预览查找字体图标和复制字符。

当然除了这样使用还有一种方法就是将字体图标转成图片再使用,这里就不做过多讲述,喜欢的小伙伴可以自己查查。

本期视频就讲这么多,感谢收看,不要忘记一键三联哦!

【文案仅用于AI配音使用】【配音AI:MS-yunxi】

Font
Test
install font
模块源码介绍
DLL函数
字符映射表
转图部分


[ 字 体 ] 系列视频素材整理;的评论 (共 条)

分享到微博请遵守国家法律