Ubuntsuでのフォントの設定

既存のフォントに頼っていたのですが、所望の書体で表示されなくて慌てました。HTML文書ならば 

<td style="font-family: Noto Serif CJK SC ; font-size:100%;">ここに書きたいこと</td>

 といったようにタグ内の style 属性に font-family を指定してやれば良いそうです。さらにライセンスフリーのフォントをダウンロードすることで番号4189のような特徴的な書体の表示も可能となりました。でも格好良いけど好みはNoto Serifですね。

ダウンロードしたフォントファイル .ttf は ~/.fonts に置いて、適宜

fc-cache -fv

を実行するだけでOKです。

 

f:id:S_E_Hyphen:20210613164525p:plain

 

<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
</style>
</head>
<body>
<table border="1" width="100%">
<caption><span style="font-size: 150%;">練習帳</span></caption>
<meta http-equiv="content-type" charset="utf-8">
<tr>
<th width="6%">番号</th>
<th width="32%">中国語</th>
<th width="30%"> 拼音</th>
<th width="32%">日本語</th>
</tr>
<tr valign="top">
<td align="right">4186</td>
<td style="font-family: Noto Serif CJK SC ; font-size:100%;">紧急事态宣言出发以后所有图书馆都关门。我非常麻烦没有书要看。</td>
<td style="font-size:85%;">Jǐnjí shìtài xuānyán chūfā yǐhòu suǒyǒu tǔshūguǎn dōu guānmén. Wǒ fēicháng máfan méiyǒu shū yàokàn.</td>
<td style="font-size:80%;">緊急事態宣言発出以降全ての図書館が閉館しています。私は読むべき本が無くてとても困ってます。</td>
</tr>
<tr valign="top">
<td align="right">4187</td>
<td style="font-family: Noto Serif CJK SC Light ; font-size:100%;">这个月开始营业只预约服务台。所以下周我可以拿到几本书。</td>
<td style="font-size:85%;">Zhè ge yuè kāishǐ yíngyè zhǐ yùyuè fúwùtái. Suǒyǐ xiàzhōu wǒ kěyǐ nádào jǐběn shū.</td>
<td style="font-size:80%;">今月予約カウンターだけ営業開始しました。だから来週は何冊か本を手に入れることができます。</td>
</tr>
<tr valign="top">
<td align="right">4188</td>
<td style="font-family: Noto Sans CJK SC Light ; font-size:100%;">厨房里的安妮</td>
<td style="font-size:85%;">chúfáng lǐ de ānnī</td>
<td style="font-size:80%;">柴田よしき「お勝手のあん」を試みに中訳</td>
</tr>
<tr valign="top">
<td align="right">4189</td>
<td style="font-family: Ma Shan Zheng ; font-size:100%;">红发的安妮</td>
<td style="font-size:85%;">hóngfà de ānnī</td>
<td style="font-size:80%;">モンゴメリの「赤毛のアン」</td>
</tr>
</table></body></html>