网站字体推荐使用LxgwWenKai
- 2025-03-27 20:03:00
- 丁国栋
- 原创 173
我们经常会看到一些看起来很不错的网站,他们除了内容吸引我们、满足我们的需要之外,外观也是令人赏心悦目,我们迫不及待的想知道它使用了哪一款模板,什么框架,什么组件等等。
字体是网页外观中特别重要的角色。
以前我发现了一款不错的字体,今天有空部署到这个网站上。它就是 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>
快点试试效果吧。
--
发表评论