网站字体推荐使用LxgwWenKai
- 2025-03-27 20:03:00
- 丁国栋
- 原创 20
我们经常会看到一些看起来很不错的网站,他们除了内容吸引我们、满足我们的需要之外,外观也是令人赏心悦目,我们迫不及待的想知道它使用了哪一款模板,什么框架,什么组件等等。
字体是网页外观中特别重要的角色。
以前我发现了一款不错的字体,今天有空部署到这个网站上。它就是 LxgwWenKai, 参见 https://github.com/lxgw/LxgwWenKai/issues/24。
<html> <head> <link rel="stylesheet" href="https://cdn.staticfile.org/lxgw-wenkai-webfont/1.6.0/style.css" /> <!-- 没有Lite version, 有需要的可以向cdnjs发pr看看能不能通过--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.1.0/style.css" /> <!-- 没有TC version, 有需要的可以向cdnjs发pr看看能不能通过--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-tc-webfont@1.0.0/style.css" /> <!-- Screen version --> <link rel="stylesheet" href="https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.6.0/style.css" /> <style> body { font-family: "LXGW WenKai", sans-serif; /* Lite version */ font-family: "LXGW WenKai Lite", sans-serif; /* TC version */ font-family: "LXGW WenKai TC", sans-serif; /* Screen version */ font-family: "LXGW WenKai Screen", sans-serif; } </style> </head> <body> <!-- blablabla --> </body> </html>
快点试试效果吧。
--
发表评论