[B! font][ãƒ‡ã‚¶ã‚¤ãƒ³] u--sanã®ãƒ

u--san id:u--san

fontã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹u--sanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ðŠð¢ððž / KITERETZ inc. on Twitter: "rem ã‹ px ã‹ã€html { font-size: 62.5%; } ã¯ OK ã‹ NG ã‹ã€ã¾ã¨ã‚ã¦æ¤œè¨¼ã—ã¦ã¿ã¾ã—ãŸã€‚ çµè«–ï¼šã¿ã‚“ãªã‚¦ã‚§ãƒ–ã‚’ã‚ˆãã—ã‚ˆã†ã¨ã—ã¦ã‚‹ã®ã§ã©ã‚Œã§ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã€‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ãƒãƒ¼ãƒ ã§ãƒ«ãƒ¼ãƒ«ã‚’è¨ã‘â€¦ https://t.co/b8f8XqeDoS"
rem ã‹ px ã‹ã€html { font-size: 62.5%; } ã¯ OK ã‹ NG ã‹ã€ã¾ã¨ã‚ã¦æ¤œè¨¼ã—ã¦ã¿ã¾ã—ãŸã€‚ çµè«–ï¼šã¿ã‚“ãªã‚¦ã‚§ãƒ–ã‚’ã‚ˆãã—ã‚ˆã†ã¨ã—ã¦ã‚‹ã®ã§ã©ã‚Œã§ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã€‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ãƒãƒ¼ãƒ ã§ãƒ«ãƒ¼ãƒ«ã‚’è¨ã‘â€¦ https://t.co/b8f8XqeDoS
u--san 2020/05/28
ãƒ‡ã‚¶ã‚¤ãƒ³

CSS

font
ãƒªãƒ³ã‚¯
æ¨™æº–ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆ / ã‚‚ã†ãƒ‘ãƒ³ãƒ„ã¯ã‹ãªã„
å„ç’°å¢ƒã§ã©ã‚“ãªæ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆãŒä½¿ãˆã‚‹ã®ã‹ã€ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚Œãžã‚Œã®OSã§æ¨™æº–æ·»ä»˜ã•ã‚Œã¦ã„ã‚‹ã¨æ€ã‚ã‚Œã‚‹æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚’CSSã®æŒ‡å®šã§è¡¨ç¤ºã•ã›ãŸã‚‚ã®ã‚’ã‚ãƒ£ãƒ—ãƒãƒ£ãƒ¼ã—ã¾ã—ãŸã€‚å°ã•ã„æ–¹ã®å—ã¯16ãƒ”ã‚¯ã‚»ãƒ«ã€å¤§ãã„æ–¹ã¯ 150% ã¨CSSä¸Šã§æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ä½¿ç”¨ãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸»ã«å„ç’°å¢ƒã®æ¨™æº–ãƒ–ãƒ©ã‚¦ã‚¶(Macã¯Safariã€Windowsã¯Edge)ã§ã™ã€‚ Mac Windows Linux macOS Sonoma (14) ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ã‚·ãƒƒã‚¯ (ã‚¦ã‚§ã‚¤ãƒˆ:W0ã€œW9ã®10æ®µéšŽ) font-family: "HiraginoSans-W0","Hiragino Sans","ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ã‚·ãƒƒã‚¯"; font-weight: 100; font-family: "Hiragino Sans","ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ã‚·ãƒƒã‚¯"; font-weight: 400; font-family: "Hiragino S
u--san 2014/09/05
ãƒ‡ã‚¶ã‚¤ãƒ³

font
ãƒªãƒ³ã‚¯
Googleã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®Webãƒ•ã‚©ãƒ³ãƒˆé›†ã€ŒFont Directoryã€ã¨ã€ŒFont APIã€ã‚’å…¬é–‹
Googleã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®Webãƒ•ã‚©ãƒ³ãƒˆé›†ã€ŒFont Directoryã€ã¨ã€ŒFont APIã€ã‚’å…¬é–‹ Googleã¯ã€Webãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆé›†ã¨ãã‚Œã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®APIã‚’å…¬é–‹ã—ãŸã€‚HTML5ã¨CSS3ã®çµ„ã¿åˆã‚ã›ã§Webã®è¡¨ç¾åŠ›ãŒã•ã‚‰ã«ãƒªãƒƒãƒã«ãªã‚Šãã†ã ã€‚ ç±³Googleã¯5æœˆ19æ—¥ã€ãƒ•ãƒªãƒ¼ã®Webãƒ•ã‚©ãƒ³ãƒˆã‚’é›†ã‚ãŸã€ŒGoogle Font Directoryã€ã¨ã€ŒGoogle Font APIã€ã‚’å…¬é–‹ã—ãŸã€‚é–‹ç™ºè€…ã¯å®‰å…¨ã‹ã¤å®¹æ˜“ã«Webãƒšãƒ¼ã‚¸ã§ã“ã‚Œã‚‰ã®Webãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã§ãã‚‹ã¨ã„ã†ã€‚ Webãƒ•ã‚©ãƒ³ãƒˆã¯ä»»æ„ã®ã‚µãƒ¼ãƒä¸Šã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’Webãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦åˆ©ç”¨ã™ã‚‹æŠ€è¡“ã§ã€ã“ã‚Œã«ã‚ˆã‚Šåˆ©ç”¨è€…ã®PCç’°å¢ƒã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãªã„ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºç”¨ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚CSS3ã§ã¯Webãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ã€Œ@font-faceã€æ©Ÿ
u--san 2010/05/25
google

font

ãƒ‡ã‚¶ã‚¤ãƒ³

CSS
ãƒªãƒ³ã‚¯
GD-é«˜é€Ÿé“è·¯ã‚´ã‚·ãƒƒã‚¯JA-OTFã€€(GD-HighwayGothicJA-OTF) é«˜é€Ÿé“è·¯ã®æ–‡å—ã‚’å†ç¾ã—ã‚ˆã†è¨ˆç”» 5r4ce2[Fiber Force2] pumpCurry's Website - fontJunction at hogera.com
ã±ã‚“ã‹ã‚Œã¯ã„ã¤ã‚‚ã€Œãªã‚“ã‹ãªã„ã‹ã®ã†ã€ã¨ã¤ã¶ã‚„ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®ãƒ¯ãƒ¼ãƒ‰ã‚’ã¤ã¶ã‚„ã„ã¦ã„ã‚‹ã¨ãã¯é¢ç™½ã„ãƒ¢ãƒŽã‚’ä½œã‚‹ãã£ã‹ã‘ã‚’æŽ¢ã—ã¦ã„ã¾ã™ã€‚ é«˜é€Ÿé“è·¯ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã‚Šå§‹ã‚ã‚‹å‰ã«ã‚‚ã€Œãªã‚“ã‹ãªã„ã‹ã®ã†ã€ã¨ã¤ã¶ã‚„ã„ã¦ã„ã¾ã—ãŸã€‚ æœ€è¿‘ã¯ã‚³ãƒ³ãƒ“ãƒ‹ã‚¨ãƒ³ã‚¹ã«ã„ã‚ã„ã‚ãªã‚‚ã®ãŒç°¡å˜ã«å®Ÿç¾ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ èª¿ã¹ã‚‹ã“ã¨ã‚‚ã€éŠã¶ã“ã¨ã‚‚ã€ä½œã‚‹ã“ã¨ã‚‚ã€ä½•ã‹å§‹ã‚ã‚‹ã“ã¨ã§ã•ãˆã€ãƒãƒƒãƒˆã«ã¤ãªã’ã‚‹ã“ã¨ãŒã§ãã‚Œã°ã™ãå®Œçµã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚“ãªä¸–ã®ä¸ã‚’å—ã‘å…¥ã‚Œã¤ã¤ã‚‚ã€ä»–ã®æ–¹ã®ã€Œã“ã‚“ãªã®ãªã„ã‹ã®ã†ã€ã‚’æº€ãŸã™ã‚ˆã†ãªã€ãªã«ã‹å¤‰ã‚ã£ãŸã‚‚ã®ã‚’ã¤ãã‚ŠãŸã„ã€‚ ã‚µã‚¤ãƒˆåç§°ã€Œ5r4ce2(ãƒ•ã‚¡ã‚¤ãƒãƒ¼ãƒ•ã‚©ãƒ¼ã‚¹ãƒ„ãƒ¼)ã€ã¯ã€Fiber(ç¹Šç¶ã®ã‚ˆã†ãª)ã¨Force(åŠ›)ã€ã“ã®2ã¤ã‚’çµ„ã¿åˆã‚ã›ãŸã‚‚ã®ã§ã™ã€‚ ã¿ãªã•ã‚“ã¨ã€ãŒã£ã—ã‚Šçµã³ã¤ããªãŒã‚‰ã€æ–°ãŸãªæ–¹å‘æ€§ã¨ã„ã†ã€ŒåŠ›ã€ã‚’ã€ä¸–ã«ç™ºä¿¡ã—ã¦ã„ã‘ã‚Œã°ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ã„ã£ã—ã‚‡ã«ã€ç§ãŸã¡ã¨æ¥½ã—ã‚“ã§ã¿ã¾ã›ã‚“ã‹ï¼Ÿ 20
u--san 2007/07/21
font

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã®font-familyï¼šãƒ’ãƒ©ã‚®ãƒŽã¨ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯ã¨ãƒ¡ã‚¤ãƒªã‚ªã®æ‚©ã¾ã—ã„é–¢ä¿‚ : webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒŠãƒŠãƒ¡ã‚¬ã‚
CSSã§ã®font-familyã®æŒ‡å®šãŒã¨ã¦ã‚‚æ‚©ã¾ã—ã„ã€‚æ–‡å—ã‚³ãƒ¼ãƒ‰ã«ã‚ˆã£ã¦è¡¨ç¤ºãŒå¤‰ã‚ã£ãŸã‚Šã™ã‚‹ã—ã€ã‚¤ãƒ¬ã‚®ãƒ¥ãƒ©ãƒ¼ã‚±ãƒ¼ã‚¹ã¾ã§æƒ³å®šã™ã‚‹ã¨ç…©é›‘ãªã‚³ãƒ¼ãƒ‰ã«ãªã£ã¦ã—ã¾ã†ã€‚ã¡ã‚‡ã£ã¨æ•´ç†ã—ãªãŒã‚‰è€ƒãˆã¦ã¿ã‚‹ã€‚ ã¾ãšã€font-familyã‚’ä½•ã‚‚æŒ‡å®šã—ãªã„ã¨ã€ã ã„ãŸã„ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹ã®ã ãŒã€æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒUTF-8ã ã¨Windowsã®IE6ã§è‹±æ•°æ–‡å—ãŒã€ŒTimes New Romanã€ã«ãªã£ã¦ã—ã¾ã†ã€‚â€»æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒShift_JISã‚„EUC-JPã®å ´åˆã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ ãã‚Œã§ã¯ä¾‹ãˆã°ç·ç§°ãƒ•ã‚¡ãƒŸãƒªãƒ¼åï¼ˆgeneric-familyï¼‰ã§ã‚ã‚‹ã€Œsans-serifã€ã®ã¿æŒ‡å®šã—ã¦ã¿ã‚‹ã¨ã€Windowsã®IE6ã§ã¯æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒShift_JISãƒ»EUC-JPã®å ´åˆã¯ã€ŒLucida Sans Unicodeã€ã§ã€UFT-8ã®å ´åˆã¯ã€ŒArialã€ã§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾
u--san 2007/03/13
CSS

ãƒ‡ã‚¶ã‚¤ãƒ³

font
ãƒªãƒ³ã‚¯
hail2u.net - Weblog - CSSã§æŒ‡å®šã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆ
CSSã§æŒ‡å®šã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¯ã€è¨ªå•è€…ã®ãƒžã‚·ãƒ³ã«ãã®æŒ‡å®šã—ãŸãƒ•ã‚©ãƒ³ãƒˆãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã§ãªã„ã¨(å¤§æŠµã®å ´åˆã¯)åæ˜ ã•ã‚Œãªã„ãŸã‚ã€æ‰‹ã«å…¥ã‚Œã‚„ã™ã„ã¾ãŸã¯å¤šãã®OSã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒå¤šã„ã€‚æ‰‹ã«å…¥ã‚Œã‚„ã™ã„ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ä»£è¡¨çš„ãªã‚‚ã®ã¯Core fonts for the Webã¨ã„ã†MicrosoftãŒæä¾›ã—ã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆç¾¤ã§ã€å…·ä½“çš„ã«ã¯Arialã‚„Trebuchet MSã€Verdanaã€Georgiaã€Times New Romanã€Courier Newãªã©ã€‚ã‚ãˆã¦Lucida Grandeã‚„Tahomaã‚’ä½¿ã†ã¨ã„ã†ã®ãªã‚‰é•å’Œæ„Ÿã®å°‘ãªã„ä»£æ›¿ã«ãªã‚Šãã†ãªãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã—ã¦ãŠã„ã¦æŒ™ã’ã‚‹ã¨è‰¯ã„ã‹ã‚‚ãã¨ã‹ã„ã†è©±ã€‚ Core fonts for the Webã«å«ã¾ã‚Œã‚‹å¤šãã®ãƒ•ã‚©ãƒ³ãƒˆã¯Windows 98ä»¥é™ã§ã¯äºˆã‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ãŠã‚Šã€Mac OSã§ã‚‚Internet Ex
u--san 2006/09/19
CSS

font

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
M+ ã¨ IPAãƒ•ã‚©ãƒ³ãƒˆã®åˆæˆãƒ•ã‚©ãƒ³ãƒˆé…å¸ƒ - ãã‚Šã‚“ã‚·ã‚¹ãƒ†ãƒ ãƒ€ã‚¤ã‚¢ãƒªãƒ¼(2006-03-15)
u--san 2006/03/28
ãƒ‡ã‚¶ã‚¤ãƒ³

font
ãƒªãƒ³ã‚¯
1