kanvas のフォント固すぎ問題
kanvas にはテキストを埋め込む機能があるけど、フォントが固すぎる。
素早くお絵かきするにはテキスト挿入機能が必要だが、フォントが景観を壊してしまうこともある。
お絵かきの自由度を抑えながら、最小限のフォント選択をできるようにしたい。
フォントの選定
font-family の generic-name から5つ選定した。
font-family: serif;
font-family: sans-serif;
font-family: monospace;
font-family: cursive;
font-family: fantasy;
ただし、cursive、fantasy は機能しないシステムが多い。
フォント読み込み
直接フォント名を指定してフォントを読み込ませることで、システムごとの差異をなるべく減らす。
sans-serif
font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;
serif
font-family: Lucida Bright, Lucida Fax, Palatino, "Palatino Linotype", Palladio, "URW Palladio", serif;
monospace
font-family: "Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace;
cursive
font-family: "Brush Script MT", "Brush Script Std", "Lucida Calligraphy", "Lucida Handwriting", "Apple Chancery", cursive;
fantasy
font-family: Papyrus, Herculanum, Party LET, Curlz MT, Harrington, fantasy;
cursive は雰囲気が出ていて良い。
/villagepump/font-family: fantasy を表示できる端末