• 2022-09-04被罚款200元记6分.
  • 特么的.电脑风扇坏了.快递还全部停发.太难了...求求了.疫情赶紧走吧.
  • 难啊难!要钱难!
  • 更新到WordPress5.6啦
  • 有点伤心了,今年净遇到王某海这种人.
  • 难啊难...
  • 七牛的JS SDK 的文档真坑啊.
  • 蓝奏云分享部分地区无法访问需手动修改www.lanzous.com变为:www.lanzoux.com
  • 好气啊~原来使用的CDN服务商莫名其妙的给我服务取消了~
  • 遇见一个沙雕汽车人.

为ttf字体文件美化瘦身!让网站漂亮起来!

杂谈 KIENG 5年前 (2019-03-22) 212001次浏览 已收录 2个吐槽

今天寻思给我那个导航页换个字体,但是发现字体文件一个个都太大了!我的 1M 小水管需要 5-10 秒才能加载出来! :oops: 真是可怕极了!那么怎么办呢???

来了!

为 ttf 字体文件美化瘦身!让网站漂亮起来!

需要的是这款软件 名字叫:fontcreator字体编辑器(下面有下载地址)

首先我们打开一个字体文件(只能是 ttf 的),然后再次打开软件新建一个字体库.
为 ttf 字体文件美化瘦身!让网站漂亮起来!

打开这个网站搜索需要的文字:
字体代码搜索网站
比如:
为 ttf 字体文件美化瘦身!让网站漂亮起来!
在字体软件里按:Ctrl + F
为 ttf 字体文件美化瘦身!让网站漂亮起来!

它会定位到字体处,注意:

先按 Ctrl + C 复制 然后按 Ctrl + E黏贴到新建的字体库里(坑了我一会了 Ctrl + V 是不行的)

为 ttf 字体文件美化瘦身!让网站漂亮起来!
然后保存字体就行了!
为 ttf 字体文件美化瘦身!让网站漂亮起来!
我们要的字体已经改了
为 ttf 字体文件美化瘦身!让网站漂亮起来!

然后我们可以去:字体格式转换器
把字体 TTF 转换成 woff 等字体格式.

#css 样式
@font-face{
     font-family: '字体名称随便起'; 
     src: url('../font/字体名称.eot');
     src:url('../font/字体名称.woff') format('woff'),
         url('../font/字体名称.ttf') format('truetype'),
         url('../font/字体名称.svg') format('svg');
}
 
//html 中的代码中加一个 h1 或者其他的,里面写你自己想要的特殊文字
 
h1{font-size:36px; color:#ccc;font-family: "字体名称随便起";}

为 ttf 字体文件美化瘦身!让网站漂亮起来!

:grin:


字体瘦身


KIENG.CN , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA 4.0协议进行授权
转载请注明出处:为 ttf 字体文件美化瘦身!让网站漂亮起来!
本文章链接:https://blog.kieng.cn/631.html
喜欢 (3)
KIENG
关于作者:
一个热衷网络的Man
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 快速获取昵称
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 不错不错! :sad:
    Object. | 中国辽宁鞍山市 联通2019-03-22 16:53 回复 Windows 10 | Chrome 72.0.3626.121
  2. 牛逼老哥 正需要这个呢
    老哥 | 中国辽宁鞍山市 联通2019-03-23 07:49 回复 Windows 10 | Chrome 69.0.3497.100