Skip to content

Instantly share code, notes, and snippets.

@shinriyo
Last active July 27, 2018 02:40
Show Gist options
  • Save shinriyo/9e60e946c9913b8f2793c08764c418d2 to your computer and use it in GitHub Desktop.
Save shinriyo/9e60e946c9913b8f2793c08764c418d2 to your computer and use it in GitHub Desktop.
いろんなフォント
<html>
<head>
<meta charset="utf-8">
<style>
body,div,table,thead,tbody,tfoot,tr,th,td,p { font-size:small; padding:0 }
body,div,table,thead,tbody,tfoot,tr,th,td,p {
line-height: 1;
/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
}
#hira {
font-family: 'Hiragino Kaku Gothic Pro';
}
#hirahira {
font-family: 'ヒラギノ角ゴ Pro W3';
}
#mei {
font-family: Meiryo;
}
#meihira {
font-family: メイリオ;
}
#osaka {
font-family: Osaka;
}
#msp {
font-family: 'MS PGothic';
}
#arial {
font-family: arial;
}
#helvetica {
font-family: helvetica;
}
#sans {
font-family: sans-serif;
}
</style>
</head>
<body>
body,div,table,thead,tbody,tfoot,tr,th,td,p { font-size:small; padding:0 }
font-family: 'Hiragino Kaku Gothic Pro'
line-height: 1;
<br />
<br />
<div id="hira">'Hiragino Kaku Gothic Pro' 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
<div id="hirahira">'ヒラギノ角ゴ Pro W3' 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
<div id="mei">Meiryo 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
<div id="meihira">メイリオ 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
<div id="osaka">Osaka 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
<div id="msp">'MS PGothic' 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
<div id="arial">Arial 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
<div id="helvetica">helvetica 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
<div id="sans">sans-serif 起居動作■ 自立 □ 見守り □ 一部介助 □ 全介助 有 あいうえお</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment