Advertise with Googlier.com 陈家杰博客 https://jay.tg/ zh-CN Just So So ... Sun, 19 Jan 2025 23:34:00 +0800 Sun, 19 Jan 2025 23:34:00 +0800 香雪公园梅花行 隔了9年再去变化很大 https://jay.tg/the-plum-blossom-line-in-xiangxue-park-has-changed-a-lot-after-9-years/ https://jay.tg/the-plum-blossom-line-in-xiangxue-park-has-changed-a-lot-after-9-years/ Sun, 19 Jan 2025 23:34:00 +0800 jaychen 趁着休息和梅花盛开期,去了一趟广州萝岗香雪公园拍拍梅花。上一次去已经是16年2月了,时隔9年交通更加方便了,地铁直达村口,公交短线接驳。以前是要坐几趟公交转车。

花实在是小,长焦是必备的,不然只能拍到白茫茫的一片树枝。

香也是真的香,还没进园大老远就闻到。

时长工作、回家两点一线,很少出去走走。

[album]
微信图片_20250119232807.jpg
微信图片_20250119232801.jpg
微信图片_20250119232752.jpg
微信图片_20250119232745.jpg
微信图片_20250119232734.jpg
微信图片_20250119232724.jpg
微信图片_20250119232715.jpg
微信图片_20250119232640.jpg
[/album]

]]>
1 https://jay.tg/the-plum-blossom-line-in-xiangxue-park-has-changed-a-lot-after-9-years/#comments https://jay.tg/feed/
安卓不支持PPTP、L2TP用Tailscale打通内部局域网 https://jay.tg/android-pptp-l2tp-tailscale-network/ https://jay.tg/android-pptp-l2tp-tailscale-network/ Sun, 12 Jan 2025 22:38:00 +0800 jaychen
今天想着能不能用爱快自带的VPN服务端开启远程连接的功能,使不在域内的手机、电脑能连接回家,使用内网IP进行访问和使用。奈何在几年前安卓就已经去掉了PPTP、L2TP等VPN协议,只剩下三个IKEV2协议。根据测试安卓上怎么设置、爱快上也对应设置好了也无法连接上,都提示连接失败安全问题,再者就是连Windows的客户端也连接失败。

下面根据mjj的建议试试使用Tailscale解决,我家的网络情况是公网V4+公网V6,使用Tailscale就不需要中转使用直连能够跑满物理带宽。

本来是在爱快Docker上安装Tailscale的,可是爱快的Docker阉割了一些内容,弄好了镜像也启动不了Tailscale,最后改用NAS里弄,我的NAS是QNAP威联通,其他NAS系统大致一样。

QNAP使用第三方源(https://www.myqnap.org/install-the-repo/),设置方法就不多说了,相信有这需求的朋友,NAS都已经添加好了第三方源。QNAP官方的Tailscale版本太低了,启用不了一些功能。

安装好了Tailscale后并没有web管理界面,需要从SSH登录QNAP,找到以下路径[scode type="yellow"] /share/你的空间名_DATA/.qpkg/Tailscale/ [/scode]查看tailscale.txt文件。

在浏览器打开里面的tailscale网址,登录你的tailscale账户完成绑定。现在就可以通过手机、平板、电脑等登录上tailscale的虚拟子网,使用tailscale分配的IP或子域名(系统分配的名.ts.net)访问已加入的设备。

对于还有其他需求的朋友显然是不够,下面通过将NAS设置为虚拟网关,使用链接到tailscale虚拟网络的设备可以使用你家里的内网IP就能访问内网设备。

echo 'net.ipv4.ip_forward = 1' | sudo tee -a /etc/sysctl.conf
echo 'net.ipv6.conf.all.forwarding = 1' | sudo tee -a /etc/sysctl.conf
sudo sysctl -p /etc/sysctl.conf

设置后再按自己实际网段修改以下命令,例如我的内网是10.10.0.1-10.10.0.254,作用是做路由转发。同样是在NAS的SSH执行。

sudo tailscale up --advertise-routes=10.10.0.0/24

设置完后返回Tailscale管理页面 -> Machines -> (编辑NAS的设置行)Review Route Settings。在显示的对应内网IP 10.10.0.0右边启用。

1497372555.png

3959079482.png

最后在手机上打开并连接Tailscale,在浏览器直接输入内网设置的IP就能访问。

本文部分参考 https://blog.csdn.net/sillydanny/article/details/120633276
对于想把Tailscale提供的DNS替换为自己域名作为DNS可以参考,我到这里就满足需求了,主要还是后面还要好几个第三方实现太麻烦了。 https://blog.csdn.net/easylife206/article/details/123861092

]]>
2 https://jay.tg/android-pptp-l2tp-tailscale-network/#comments https://jay.tg/feed/
我的第一台电脑的下落 https://jay.tg/the-whereabouts-of-my-first-computer/ https://jay.tg/the-whereabouts-of-my-first-computer/ Sun, 04 Feb 2024 12:51:00 +0800 jaychen “你的第一台电脑还剩下什么?”

今天在网上看到一个标题,想起很久没写博客了,上一次写还是上一次。在原文简略写了一些,在自己的博客补充一下完整当是日记吧,同时记录一下逝去的青春。

全没了,第一台电脑应该是小学3-4年级的时候有的,好像是吧,是我爸从收破烂那里买来的电脑,IBM 的,主机是横着的,运行着 98系统。小时候啥也不会就知道打开里面见到一个摩托车的图标,后面才知道这个叫暴力摩托,有一天电脑开不了机了,是系统坏了,就一直放那里了。

第二台是我爸找一家电脑店配的,依稀记得老板说是什么奔腾4,那时候还是 98系统的天下,最后还是系统坏了。到盗版一条街买了张 win98 的安装光盘,但是不会装,小学嘛弄不了就算了,也不会去折腾它。

真正意义上的新机是05年和我妈到电脑城买的,缠了好一个月我妈,买一台电脑吧。去了那时最近的电脑城,电脑城还是电脑行业的辉煌年代,中六电脑城,那时候激动啊,虽然对电脑什么都不会,就知道开关机、桌面的 windows media play 是用来播放 vcd 的,对喔还没有网络。装过千千静听、金山打字通、豪杰超级解霸。电脑大部分时间就是听歌,歌都是去同学、亲戚家拷的。 买了一套七喜电脑,还是纯平显示器,512mb内存,80g硬盘,度过了我整个小学中学生涯,玩过dnf、cf、csol,gf210独显,想着想想都不知道怎么玩的,卡的一笔。

08年后才迈入网络时代,当时办了adsl,90一个月512kbps。第一次自己重装系统,借了同学的ghost系统盘,居然驱动齐全。之后就是换主板、升级cpu、内存各种小升级折腾到毕业。之前二手的电脑都被我妈给了亲戚了,没能留个纪念,当初不会修,还买了张win98的光盘,不会启动,如果现在再去重装个win98估计就修好了,那穿越年代的成就感。至今还剩下个生锈但皮实的机箱。

居然找到了文章 https://pc.zol.com.cn/21/219531_all.html

时光飞逝,都快 30 的人了,偶尔回想一下青春。还有几天就过年了,新的一年所有人都身体健康。祝福大家长命百岁,永远不死!下一次写点东西不知道什么时候。

]]>
3 https://jay.tg/the-whereabouts-of-my-first-computer/#comments https://jay.tg/feed/
二开着的时候发现源程序的一个bug记录一下 https://jay.tg/found-a-bug-in-the-source-program-while-i-was-driving-it/ https://jay.tg/found-a-bug-in-the-source-program-while-i-was-driving-it/ Sat, 04 Nov 2023 12:09:00 +0800 jaychen 今天在二开项目的时候,突然发现程序开发商的一个bug,不复现问题都不会发现。

首先,是一个电子商城项目,编辑商品时,多个sku可以设置默认展示。
19481.jpg

正常操作随便设置一个为默认的sku,没有出现问题。奇怪的是当我二开这个sku其他属性的时候,保存后发现默认展示的状态没了。
2.jpg

测试后得知,只要默认展示这一列没发生改变,保存就会这样。期间一度以为是二开影响了。

查看源代码,从view、js、modem、controller一级一级进入,定位到了js那边的问题。
代码如下1482-1551行。
388.jpg

23070.jpg

分析代码

  • 遍历所有叫is_default的输入框
  • 把每一个输入框的序号data-index赋值给index
  • 重置存储sku合集的数组里的每一行sku的is_default为0
  • 监控每一个有序号的输入框/开关的状态
  • 监控开关的data.elem.checked点击事件
  • 设置打开的开关的is_default为1
  • 再次遍历
  • 将不是第一个点击的开关关闭
  • 并设置is_default为0

问题就出现在data.elem.checked是监控点击事件,正常操作会存在并不是每一个修改都会改动这个默认展示属性的。当本次没改变开关时就会出现没有点击的情况,整个data.elem.checked都无效。而一开始确又重置了所有sku的is_default,导致提交后成了全关闭状态。

说错了欢迎指正,半桶水水平,程序是哪家就不说了,做个记录,好久没写了,ggad都因为这个关闭了我的广告位功能。

]]>
0 https://jay.tg/found-a-bug-in-the-source-program-while-i-was-driving-it/#comments https://jay.tg/feed/
Windows下怎么输入emoji表情 https://jay.tg/emoji-input/ https://jay.tg/emoji-input/ Tue, 10 Jan 2023 22:28:13 +0800 jaychen 升级了handsome9.0.2版本,测试时光机时发现在很多地方支持emoji了。

但问题来了,在PC下怎么输入呢? ::twemoji:sweat::

试了用搜狗输入发现还是成中文,无法显示emoji表情。

下面一起学习 ::twemoji:cool::

Windows下使用

在windows10以上的系统,只要按住win + 。就可以调出emoji表情。
blog11-1.jpg

Macos下使用

使用快捷键[⌘Control+Command+Space]打开emoji键盘。
blog11-3.jpg

]]>
9 https://jay.tg/emoji-input/#comments https://jay.tg/feed/
AdGuard 9设备终身价格仅需16刀折合人民币116元 https://jay.tg/AdGuard-9-drivers-one-time/ https://jay.tg/AdGuard-9-drivers-one-time/ Wed, 26 Oct 2022 17:56:00 +0800 jaychen v2-4d06e7e43158c145f8a0e4fb7627e69b_1440w.jpg

优惠来自国外网站stacksocial,一年一度的活动,刚需可以上车,购买时填写优惠码:ADGUARD20

下单链接:https://stacksocial.com/sales/adguard-family-plan-lifetime-subscription?rid=11628640

订单

如果paypal支付的时候一直报错,可以试试把paypal结算时显示的地址换成美国地址。

支付后获取key,9个授权都是一个key。

拿到key先到AdGuard官网注册并绑定key,然后就可以激活你的设备了。多余的可以闲鱼出掉,20元一个还是不错的。

软件支持几乎所有系统,同时也支持大部分浏览器,可单独使用浏览器插件。

以下内容转自 知乎@Tony1ee https://zhuanlan.zhihu.com/p/107355334

那天偶然跟一位朋友聊起,才发现很多人不知道iOS/iPadOS自带的Safari浏览器是有内容拦截/去广告的功能的。广告不仅影响阅读体验,而且其追踪功能可能会潜在侵犯你的隐私。今天就给大家分享一下我是怎么在iPad以及iPhone上去广告的。

原理

Safari自带了「内容拦截器」功能,使用支持这一功能的插件即可给内容拦截器提供拦截广告的规则列表,从而屏蔽广告。其实不仅对付广告,因为其预先将规则写入浏览器,来防止这些内容加载,还能达到节省流量和加载时间的作用。

App

我们使用AdGuard这款免费App即可拦截广告、恶意追踪等页面元素。首先去App Store搜索AdGuard下载这款App,或者点击:https://adguard.com/zh_cn/welcome.html

https://apps.apple.com/us/app/adguard-adblock-privacy/id1047223162apps.apple.com/us/app/adguard-adblock-privacy/id1047223162

下载打开后,会提示你在系统设置里打开内容拦截器的开关:

只需前往设置-Safari浏览器-内容拦截器,启用所有的AdGuard拦截项:

初体验

AdGuard提供了一个完整的内容过滤器应有的全部功能:

  • 广告拦截
  • 隐私拦截
  • 社交小工具(widgets)拦截
  • 恼人页面元素拦截(如cookies提示)
  • 特定语言拦截
  • 自定义拦截
  • 网站白名单

其中,自定义拦截是付费功能,但是一般我们用不到这个功能。真正的进阶玩家可以在你们的网络调试工具中创建规则,当然那是另一篇文章说的事情了。

选择适合你的拦截规则

-「不一定过滤越多越好,适合你的才是最好的。」
-「我就觉得 过滤越多越适合 。」
  • 广告拦截:建议开启「移动广告过滤器」以及「Easylist」
  • 隐私:建议开启「间谍软件过滤器」
  • 社交工具:很多网站上的facebook like按钮都可以被用来追踪你的网页浏览,建议直接过滤,开启「社交媒体插件过滤器」
  • 打扰:建议开启「恼人广告过滤器」
  • 特定语言:当然是选五星红旗那个啦,「EasyList China」或/和「ChinaList+EasyList」

测试效果

现在打开Safari,你应该可以看到页面清爽了好多,作为对比,你可以点击左上角的「Aa」图标在当前标签页临时关闭内容过滤器,刷新即可对比结果。

仅为演示效果,求求你们请勿使用百度搜索疾病

效果是不是很明显?

定期更新列表

定期更新列表,可以巩固广告过滤效果。目前AdGuard尚不支持自动更新列表,但是你只需要打开AdGuard,点击「保护已启用」下方的刷新按钮即可:

额外的,你还可以说「Hey Siri,提醒我每个月更新广告过滤列表」,即可创建提醒事项,帮助你及时更新规则,过滤一切你不想看到的东西。

如果你觉得本文还不错,欢迎点赞支持。有什么问题欢迎在评论区提出,我们一起交流~

第一时间获取新内容,欢迎关注我以及比特透镜知乎专栏

]]>
0 https://jay.tg/AdGuard-9-drivers-one-time/#comments https://jay.tg/feed/
王心凌很多慢歌真的很绝 幸福背后+抱着你哭+羽毛+明天见 https://jay.tg/cyndi-wang-MP3-1/ https://jay.tg/cyndi-wang-MP3-1/ Sat, 13 Aug 2022 15:38:00 +0800 jaychen 幸福背后+抱着你哭+羽毛+明天见

很代表着很多人的青春恋爱回忆吧

[hplayer]
[Music server="tencent" id="001Qbivr2OuK0k" type="song"/]
[/hplayer]

幸福背后 - 王心凌

越是幸福越害怕 怕它会结束

越拥抱 却越是孤独

没人了解的寂寞 我自己照顾

不想让你发现我 凌乱的脚步

我努力 跟上你的速度

不再独自感受

那幸福背后藏的辛苦

[hplayer]
[Music server="tencent" id="001nxkBd0bTyiy" type="song"/]
[/hplayer]

抱着你哭 - 王心凌

抱着你哭 抱好

痛过的我也会了解

你的崩溃我的从前

静静的挤在拥抱间

抱着你哭 好温暖

两个爱情的女主角

最后演出 泪水却不孤单

[hplayer]
[Music server="tencent" id="002oIC7I3EmDxm" type="song"/]
[/hplayer]

羽毛 - 王心凌

慢慢懂了 其实失恋是一种力量

因为孤独让人可以回想

是在哪边该下车却没下

才到了一个不想到的地方

有时候爱是粉红的羽毛

谁捧着都有微笑的眼角

才看他在手心沉沉地睡着

一起风 又醒了 那么轻飘飘地走掉

[hplayer]
[Music server="tencent" id="004NedJD1lxl1P" type="song"/]
[/hplayer]

明天见 - 王心凌

爱怎会输给了时间

我的耳边 再听不见

我以为永远不会变

最习惯的明天见

放手了 该回到原点

心会受伤 也能复原

我会学着自己走出从前

祝福明天

请输入图片描述

]]>
2 https://jay.tg/cyndi-wang-MP3-1/#comments https://jay.tg/feed/
上车了UFI003-4GWIFI网卡的教程来了-开不了ADB的进 https://jay.tg/ufi003-4g-wifi-netcard-adb/ https://jay.tg/ufi003-4g-wifi-netcard-adb/ Sat, 13 Aug 2022 00:49:00 +0800 jaychen 跟车上了一波,收到按照教程是没法刷机的,原因是默认关闭了安卓adb刷机,而普片的教程大多都要adb。下面把我今天下午摸鱼回家弄到凌晨的刷机方法总结一下。

[font color="#DC143C"]

如果你不想刷机,觉得现在的系统就可以用,可以直接再后台切卡,切到sim1就行,切卡密码xunyou888,不保证所有人都是这个。感谢上车贴留言的大佬告诉

[/font]

我的上车链接是这里:https://hostloc.com/thread-1059693-1-1.html

首先,拆开看看你的主板是不是 UFI003-MB-V002;

1,参考这两个帖子,安装好Miko,并且备份好原机的所有分区。不放心的可以加上其他软件的备份,这里其实Miko就够了。

https://www.iyouhun.com/post-238.html
https://lxnchan.cn/ufi4gstick.html

以上的备份基带是需要用ADB的,所以没办法备份了,忽略那个。

2,下载以下固件备份,大佬的备份,已经开好adb

这里更新一下,为了方便大家不需要折腾root、安卓,可以在原厂下直接刷入酷安大佬做的这个安卓包,已经root好,刷入了面具,桌面,自动读sim实体卡,锁定b1频段等app。

下载地址https://www.123pan.com/s/NUK8Vv-nRdl提取码:1LEW
方法和全量备份包一样,刷了这个就不需要刷下面的全量备份了。

后台地址:192.168.100.1
后台密码:admin
无线ssid:4G-UFI-随机名
我先密码:1234567890

刷好后出现用不了无线WIFI共享的问题(不是显示手机4G网络的那个本地连接),需要使用ARDC进去吧USB网络共享勾选就行。


【可选】全量备份包
下载地址: https://www.123pan.com/s/mh49-Czfwv

默认会建立一个wifi,WY-130F,密码是12345678。
这个包就是开了adb而已,内部什么app都没有。

单独QCN基带备份包(我没刷这个也能用,用不了再刷这个吧)
下载地址: https://www.123pan.com/s/mh49-Nzfwv
以上两个备份包出处:https://momoe.ml/shizuku/045009.html


3,打开Miko,Flash,xmlFlash,xmlFlash;

点击 Rawprogram ,选择刚刚下载并解压好的全量备份包文件夹。
用针搓住4g网卡的重置键,插入电脑(先设置好软件再插入4g网卡,不要先插再开软件设置,切换选项卡9008会失效,我也不清楚为什么)。然后按Flash开始写入。

4,写入完成后adb就会开启了。这个是原厂的备份,刷好后只会开启adb,接下来的切卡、root还是需要按最上面的教程设置的。如果只是过渡,想接着刷openwrt的可以忽略再安卓上的设置教程,直接下一步
打开各种工具盒都已经看得到adb已连接。

5,刷入其他系统,这里可以试试openwrt,毕竟当4g路由用而已,刷入后usb网卡功能会用不了,adb等也用不了,这不是安卓系统。
5.1,用刷机工具盒重启到fastboot模式。
5.2,下载最新的项目包,https://www.kancloud.cn/a813630449/ufi_car/2792820
5.3,进入fastboot模式后,解压打开上面下载的包,运行flash.bat。
包里面有多个版本请选UFI003的。
openwrt的后台是这样,默认wifi名是handsomeMod什么的。

6,测速,我这边4g网速一般般,手机都勉强能上网。

关于ARDC显示ADB版本过低问题解决方法:
ADB问题,是因为你的电脑里的adb版本太低,检查一下C盘,windows或 system32、system64,里面是否有这四个文件 adb.exe、AdbWinApi.dll、AdbWinUsbApi.dll、fastboot.exe删掉就行,ARDC里面有adb程序了。

]]>
5 https://jay.tg/ufi003-4g-wifi-netcard-adb/#comments https://jay.tg/feed/
Typecho 调用指定分类的第一篇文章 https://jay.tg/typecho-calls-the-first-article-of-the-specified-category/ https://jay.tg/typecho-calls-the-first-article-of-the-specified-category/ Sat, 07 May 2022 16:28:00 +0800 jaychen 在最近的项目中遇到需要在分类里显示当前分类的简介、说明、标题、缩略图等,为了维护方便,我就想把这个分类下的第一篇文章(按文章cid排序),作为这个分类的介绍。找了全网都没找到对应的方法,于是就自己写了一个,大家可以参考。

切换子分类自动调用第一篇文章作为分类介绍

在主题的Function.php里添加一个方法;

/**  特色专科获取每个科室第一篇文章
by jaychen 20220506
 *
 *
 */
class tszkFirstPost extends Widget_Archive
{
    public function execute()
    {
        $select  = $this->select()->from('table.contents')->join('table.relationships','table.contents.cid=table.relationships.cid')
            ->where("table.contents.password IS NULL OR table.contents.password = ''")
            //->where('table.contents.status = ?', 'publish') //不屏蔽隐藏的文章,默认将科室介绍设置为隐藏
            ->where('table.contents.created <= ?', time())
            ->where('table.contents.type = ?', 'post')
            ->where('table.relationships.mid = ?', $this->parameter->CategeId)
            ->limit(1)
            ->order('table.contents.cid', Typecho_Db::SORT_ASC);
        $this->db->fetchAll($select, array($this, 'push'));
    }
}

上面的代码是调用Widget_Archive方法并修改相关的查询条件,组成一个新的方法;

  • join是用来链接表的,用来筛选同分类下的文章;
  • 第一、二行where是常规的筛选,排除加密文章和隐藏文章,这里由于我的项目中的这篇分类简介的文章是不需要显示到列表的,所以我们隐藏掉了,在方法中就需要注释掉,把隐藏的文章也放进结果里。大家可以视项目来调整;
  • 下面的就是默认的条件了,筛选发布时间少于当前系统时间,筛选类型为文章;
  • 最后一个where是用来筛选分类的,链接文章表和分类表后,由前端(使用$this->parameter->CategeId)传入当前页面的分类id,然后筛选只显示这个分类的文章结果;
  • limit是控制放回结果数量,1只要1条;
  • order是排序,按文章的cid大小来排序,倒叙排列,所以这个分类最早发布的文章就是第一行结果;

前端代码

<?php $this->widget('tszkFirstPost@post','CategeId='.getCategeId($this->getArchiveSlug()))->to($post); ?>
        <div class="tszk_category_info">
            <?php while($post->next()): ?>
                <div class="pic"><img src="<?php showThumbnail($post); ?>" /></div>
                <div class="name"><?php $post->title()?>  科室简介</div>
                <div class="description"><?php $post->excerpt(128,'...');?></div>
                <a class="btn" href="<?php $post->permalink();?>">详细介绍</a>
                <div class="clearfix"></div>
            <?php endwhile; ?>
        </div>

前端代码我是用在Archive.php归档页面,也就是分类页面。

  • CategeId是给后端传入分类id的,可以按需要修改成其他
  • getCategeId($this->getArchiveSlug())是我写的一个方法,用来获取当前分类mid的,用来自动获取当前分类的mid,如果没这个需求直接改成想要的分类mid就可以。用同样需求的朋友可以增加下面的方法;
  • $this->getArchiveSlug()就是获取当前分类(支持子分类)的slug别名,再通过下面的方法查询到对应的分类mid。
/**
 * 获取当前栏目的mid
 *
 * @access public
 * @param string $default
 * @return void
 */
function getCategeId($slug)
{
    $db = Typecho_Db::get();
    $CategeId = $db->fetchRow($db->select()->from('table.metas')->where('slug=?', $slug)->where('type=?', 'category'));
    return $CategeId['mid'];
}
]]>
0 https://jay.tg/typecho-calls-the-first-article-of-the-specified-category/#comments https://jay.tg/feed/
Fontmin 解决前端CSS引入中文字体过大的问题 https://jay.tg/fontmin-solves-the-problem-that-the-chinese-font-introduced-into-the-front-end-css-is-too-large/ https://jay.tg/fontmin-solves-the-problem-that-the-chinese-font-introduced-into-the-front-end-css-is-too-large/ Sun, 17 Apr 2022 11:30:00 +0800 jaychen 在处理前端页面的时候经常遇到要求把指定的文字变成某种字体,这样就需要引入中文字体。而由于中文字库字符的数量很多,所以一个较为全的中文字体都是非常大的,动辄5、60兆。一旦加载了中文字体就会导致网页非常的慢。在没有在线字体的时候,都是需要放在本地服务器的,百兆带宽的服务器尚且都觉得慢,更别说国内的云服务器了,3兆5兆10兆的带宽下载这个字体至少需要100秒,这肯定是不可取的。下面说说一个出来很久的方案,顺便做个笔记。

Fontmin

简单来说就是字体精简,选中一段文字,在字体字库中找出来对应的字符,把其他的字符删除,这样这个字体就可以做到体积小还能显示需要的效果。这样的流程看起来非常费劲,而这篇文章的解决方法就是使用百度做的项目Fontmin,自动精简字体。支持Windows、macOS、命令行。

项目地址:https://github.com/ecomfe/fontmin

Fontmin项目macOS客户端

只需要选择字体,输入要显示的一段文字,就能生成精简后的字体,倒入也就是几百kb,不太影响用户体验。当然这个方法也会存在一定的弊端,就是不适合需要经常变动的文字段落,每次都需要手动生成字体。下面是我在最近的项目上使用的效果。

最近用在项目上的效果

]]>
1 https://jay.tg/fontmin-solves-the-problem-that-the-chinese-font-introduced-into-the-front-end-css-is-too-large/#comments https://jay.tg/feed/