网站字体推荐使用LxgwWenKai

2025-03-27 20:03:00
丁国栋
原创 19
摘要:推荐使用 LxgwWenKai 作为网站字体。

我们经常会看到一些看起来很不错的网站,他们除了内容吸引我们、满足我们的需要之外,外观也是令人赏心悦目,我们迫不及待的想知道它使用了哪一款模板,什么框架,什么组件等等。

字体是网页外观中特别重要的角色。

以前我发现了一款不错的字体,今天有空部署到这个网站上。它就是 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>

快点试试效果吧。

--

发表评论
博客分类