2018å¹´ã®ã‚¦ã‚§ãƒ–フォントã«ã¤ã„ã¦
å°‘ã—ã®é–“Noto Sans Japaneseを利用ã—ã¦ã„ãŸãŒã€ã™ãã«æ¢ã‚ãŸã€‚ã‚„ã¯ã‚ŠFOITãŒæ°—ã«ãªã‚‹ã€‚ã‹ã¨ã„ã£ã¦FOUT強制も苦肉ã®ç–ã¨ã„ã†å°è±¡ã—ã‹ãªã„。……ã“ã®ã‚ˆã†ãªè¨˜äº‹ã‚’書ã„ã¦ã„ãŸã‚‰ã€å…ˆã«ã†ã¾ãã¾ã¨ã¾ã£ãŸfont-displayデスクリプターã«ã¤ã„ã¦ã®è¨˜äº‹ãŒåºƒã¾ã£ã¦ã„ãŸã®ã§ã€ãã¡ã‚‰ã‚’èªã‚€ã®ãŒè‰¯ã„。 ä»–ãŒé«˜é€Ÿãƒ»å³æ™‚化ã—ã¤ã¤ã‚ã‚‹ç¾åœ¨ã€1MBãらã„を超ãˆã‚‹ã‚¦ã‚§ãƒ–フォントã¯ã©ã†ã«ã‚‚ãªã‚‰ãªã„。動的ãªã‚µãƒ–セット化ã¯ã‚ã‹ã‚‰ãªãã‚‚ãªã„ãŒã€åŠ´å¤šãã—ã¦â€¦â€¦ã¨ã„ã†å°è±¡ã 。自å‰ã§ä½œã‚‹ã®ã‚‚難ã—ã„ã—ã€å®‰å¿ƒã—ã¦ä»»ã›ã‚‰ã‚Œã‚‹é€Ÿã•ã®æ供者ã¯çŸ¥ã‚‰ãªã„。 回線ã®çŠ¶æ³(種別ã§ã¯ãªã)ã«å¿œã˜ã¦ã†ã¾ã„ã“ã¨åˆ‡ã‚Šæ›¿ãˆã‚‹ä»•çµ„ã¿ã‚’å°Žå…¥ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã ã‚ã†ã€‚ãã†ãªã‚‹ã¨ãƒ‡ãƒã‚¤ã‚¹ã‹ã‚‰ã€Œä»Šã€å›žç·šã‚ã‚“ã¾é€Ÿããªã„ã§ã™â€¦â€¦ã€ã¨ã„ã£ãŸå‹•çš„ãªæƒ…å ±ã‚’å¾—ãŸã„ãŒã€ãƒ—ライãƒã‚·ãƒ¼ã«ã‹ã‹ã‚ã‚‹ã®ã§é›£ã—ã„。残るå¯èƒ½æ€§ã¯font-displayデスクリプターã®ã¿ã 。 @
iBooksã®EPUBã§font-familyを有効ã«ã™ã‚‹ – Taiyo Fujii, writer
çµæ§‹çŸ¥ã‚‰ã‚Œã¦ã„ã‚‹Tipsã ã‘ã©ã€ç´¹ä»‹ã—ãŸã„。iBooksã§ã¯EPUBã§CSSã«font-familyを指定ã—ãŸã ã‘ã§ã¯ãƒ•ã‚©ãƒ³ãƒˆãŒæœ‰åŠ¹ã«ãªã‚‰ãªã„ã®ã§ã€iBooks専用ã®æŒ‡å®šãŒå¿…è¦ã«ãªã‚‹ã€‚ã“ã‚Œã¯åŸ‹ã‚è¾¼ã¿ãƒ•ã‚©ãƒ³ãƒˆã‚„固定レイアウトã®ä¸ã§ç´¹ä»‹ã•ã‚Œã¦ã„る方法ãªã®ã§ã€æ–‡ç« ãŒä¸»ä½“ã¨ãªã‚‹EPUBã‚’å‰æã¨ã—ã¦ã„ã‚‹ã¨è¦‹ã¤ã‹ã‚Šã«ãã„ã‹ã‚‚ã—ã‚Œãªã„。 指定ã®æ–¹æ³•ã¯æ¥µã‚ã¦ç°¡å˜ã€‚META-INFã®ä¸ã«Â com.apple.ibooks.display-options.xml ã¨ã„ã†åå‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’作りã€ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’書ãã ã‘ã 。 specified-fonts ã¯iBooksã®ãƒ‘ラメーターãªã®ã§åå‰ã‚’変更ã—ã¦ã¯ãªã‚‰ãªã„。 <?xml version="1.0" encoding="utf-8"?> <display_options> <platform name="*"> <option name="specified-
ã„ã¾ã•ã‚‰èžã‘ãªã„CSS font-familyã®ã¾ã¨ã‚
CSSã®font-familyã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ãã®ã†ã¡WebフォントãŒä¸»æµã«ãªã‚‹æ°—ãŒã—ã¾ã™ãŒãã‚Œã¾ã§ã®ã¾ã¨ã‚ã¨ã„ã†ã“ã¨ã§ã€‚ èªè˜èª¤ã‚ŠãŒã‚ã‚Šã¾ã—ãŸã‚‰ã©ã“ã‹ã§ã¤ã¶ã‚„ã„ã¦ãã ã•ã„。 １．font-familyã¨ã¯ï¼Ÿ 通常ã®ãƒ•ã‚©ãƒ³ãƒˆã‚„太å—ã€ã‚¤ã‚¿ãƒªãƒƒã‚¯ä½“ã€æ–œä½“ãªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’統一ã—ãŸè¤‡æ•°ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã‚’「フォントファミリーã€ã¨ã„ã„ã¾ã™ã€‚ 「Arialã€ã€ŒVernadaã€ã€Œãƒ’ラギノ角ゴPro W3ã€ã€Œï¼ï¼³ Ｐゴシックã€ãªã©ãŒãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ãƒŸãƒªãƒ¼åã§ã™ã€‚ ã“ã®ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ãƒŸãƒªãƒ¼åを指定ã™ã‚‹ãŸã‚ã®ãƒ—ãƒãƒ‘ティãŒã€Œfont-familyã€ã§ã™ã€‚ サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ï¼ï¼³ Ｐゴシック","MS PGothic",sans-serif;
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://spyweb.media/2017/11/27/css-font-family-best-practice-yu-gothic-meiryo-etc/
{{#tags}}- {{label}}
{{/tags}}