VuePress で WebFont を使う
約物半角専用のYaku Han JPの YakuHanRP と
Google Fonts + 日本語 早期アクセスの M+ 1p を使ってみる。
WebFont の設定
docs/.vuepress/config.js
module.exports = {
head: [
['link', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanrp.min.css'}],
['link', { rel: 'stylesheet', href: 'https://fonts.googleapis.com/earlyaccess/mplus1p.css' }]
],
1
2
3
4
5
2
3
4
5
WebFont を使う
docs/.vuepress/theme/styles/theme.styl
body
font-family "YakuHanRP", "Mplus 1p", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
1
2
2