Changing the Blog Font

Table of Contents

Preface
#

I’ve been using the open-source font “LXGW WenKai”¹ for a while now and really like it, so I decided to change my blog’s font to LXGW WenKai as well.

Configuration
#

Reading the font’s [Issue #24]², I found that someone had already converted the font using the ttf2woff2 tool and provided a method to use it on web pages. After testing, I found that using lxgw-wenkai-webfont directly doesn’t render correctly in Safari, but lxgw-wenkai-lite-webfont works fine. The lite version has some font weights removed, which makes it more compatible.

A quick search ³ revealed that the Congo theme allows inserting extra code into the template’s and

sections. Simply create layouts/partials/extend-head.html or layouts/partials/extend-footer.html files. After creating the html file and pasting the code below, save and refresh the page to see the LXGW WenKai font applied to your blog.

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.1.0/style.css"
/>
<style>
  body {
    font-family: "LXGW WenKai Lite", sans-serif;
  }
</style>

Preface #

Configuration #

Preface
#

Configuration
#