[B! font][css] sigã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sig id:sig

fontã¨cssã«é–¢ã™ã‚‹sigã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{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}}

æ„å¤–ã¨å¥¥æ·±ã„CSSã®font-weightã®è©± - ICS MEDIA
æ™®æ®µãªã«ã’ãªãä½¿ã£ã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã§ã™ãŒã€æ–‡å—ã®å¤ªã•ã‚’è¡¨ã™ãƒ•ã‚©ãƒ³ãƒˆã‚¦ã‚§ã‚¤ãƒˆã«ã¯æ³¨æ„ã—ãŸã„ãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ã¨ãã«ã©ã®ç’°å¢ƒã§ã‚‚åŒã˜ãƒ•ã‚©ãƒ³ãƒˆã«ã™ã‚‹ãŸã‚ã®ã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆã§ã‚‚ã€CSSã®è¨å®šã‚„OSã®é•ã„ã«ã‚ˆã£ã¦è¦‹ãˆæ–¹ãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã»ã‹ã«ã‚‚CSSã®è¨å®šã«ã‚ˆã£ã¦ã¯æ„å›³ã—ãªã„ã‚¦ã‚§ã‚¤ãƒˆãŒé©ç”¨ã•ã‚Œã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚¦ã‚§ã‚¤ãƒˆã®ã¾ã¤ã‚ã‚‹è½ã¨ã—ç©´ã¨ã€ãã‚Œã‚’å›žé¿ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã«ã‚‚å½¹ç«‹ã¤å†…å®¹ã§ã™ã€‚ Noto Sans JPã‚’ä¾‹ã«ãƒ•ã‚©ãƒ³ãƒˆã®ã‚¦ã‚§ã‚¤ãƒˆã®è¨å®šã‚’å¤‰ãˆãªãŒã‚‰è¦‹ãˆæ–¹ã‚’ç¢ºèªã§ãã‚‹ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ã ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã™ã‚‹ ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ ã¾ãšã€ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã«ã¤ã„ã¦ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã¨ã¯ã€ç”»é¢ä¸Šã§è¡¨ç¤ºã•ã‚Œã‚‹è¼ªéƒã‚’è‰²ã®æ¿ƒæ·¡ãªã©ã‚’ç”¨ã„ã¦æ»‘ã‚‰ã‹ã«ã™ã‚‹å‡¦ç†
sig 2023/08/31
css

font
ãƒªãƒ³ã‚¯
remã®åŸºæº–ã¨ãªã‚‹å€¤ã‚’è¡Œã®é«˜ã•ã«ã™ã‚‹ â€“ Design with Groove
remã®åŸºæº–ã¨ãªã‚‹å€¤ã¯ã€font-sizeã‚ˆã‚Šã‚‚ã€line-heightã®ã»ã†ãŒã„ã„ã®ã§ã¯ã¨æ€ã£ã¦ã€ã¡ã‚‡ã£ã¨æ¤œç´¢ã—ã¦ã¿ãŸã‘ã©è¦‹å½“ãŸã‚‰ãªã‹ã£ãŸã®ã§ã€æ›¸ã„ã¦ã¿ã¾ã™ã€‚ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®è€ƒãˆæ–¹ã¨ã—ã¦ã¯ã€è¡Œã®é«˜ã•ãŒç¸¦æ–¹å‘ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºæº–ã«ãªã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€å°è¦‹å‡ºã—ã¯ï¼’è¡Œã©ã‚Šã¨ã„ã†ã‚ˆã†ã«ã€è¡Œã®é«˜ã•ã‚’åŸºæº–ã¨ã—ã¦è€ƒãˆã‚‹ã®ã§ã™ã€‚ã“ã‚Œã«ã‚ˆã£ã¦ã€æ®µçµ„ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã—ã¦ã‚‚ã€è¡ŒãŒãšã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ è¡Œã®é«˜ã•ã¯Webã«å½“ã¦ã¯ã‚ã‚‹ã¨line-heightã«ãªã‚Šã¾ã™ã€‚remã¯rootã®emã¨ã„ã†ã“ã¨ã§ã€æ–‡å—ã®å¤§ãã•ã®åŸºæº–ã¨è€ƒãˆã‚‹ã“ã¨ãŒå¤šã„ã‚ã‘ã§ã™ãŒã€ã€Œhtmlã«æŒ‡å®šã—ãŸfont-sizeã‚’åŸºæº–ã¨ã—ã¦ä½¿ãˆã‚‹å˜ä½ã€ã¨è€ƒãˆã‚‹ã¨ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºæº–ã¨ã—ã¦ã„ã¤ã§ã‚‚ä½¿ãˆã‚‹å€¤ã¨ã—ã¦è¨å®šã—ãŸã„ã®ã¯ã€ã‚€ã—ã‚line-heightãªã®ã§ã¯ã¨æ€ã†ã‚ã‘ã§ã™ã€‚ htmlã®font-sizeã«ã€æœ¬æ–‡ã®ãƒ•ã‚©ãƒ³ãƒˆã®å¤§ãã•ã§ã¯ãªãã€line-
sig 2020/09/10
font

css

çµ„ç‰ˆ
ãƒªãƒ³ã‚¯
CSS SANS
CSS SANS ã¯ã€WEBä¸Šã§ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»æ–‡å—çµ„ã‚’ã™ã‚‹ãŸã‚ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž CSS ã§ã¤ãã‚‰ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã€‚ WEBã®æ´å²ãƒ»é€²åŒ–ã‚’æ˜ ã—å‡ºã—ã€æ™‚ä»£ã«åˆã‚ã›ã¦å½¢ã‚’å¤‰ãˆã‚‹ã€ã“ã‚Œã¾ã§ã«ãªã„ãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚ CSS SANS is the font created by CSS, the programming language for web designing and typesetting. It is an unprecedented font that reflects history and evolution of the Web, and even changes its own shape. ãƒ•ã‚©ãƒ³ãƒˆã®æˆã‚Šç«‹ã¡How the font is madeCSS ã§ã§ãã‚‹ã“ã¨ã¯ã€WEBãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ•´ãˆãŸã‚Šã€æ–‡å—çµ„ãƒ»æ–‡å—é–“ã®èª¿æ•´ã‚’ã—ãŸã‚Šãªã©ã€æ§˜ã€…ã€‚ ãŸã ã²ã¨ã¤ã€ã€Œæ–‡å—è‡ªä½“ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³
sig 2015/03/13
css

font

typography
ãƒªãƒ³ã‚¯
GitHub - ethantw/Han: ã€Œæ¼¢å—æ¨™æº–æ ¼å¼ã€å°åˆ·å“èˆ¬çš„æ¼¢å—æŽ’ç‰ˆæ¡†æž¶ Han.css: the CSS typography framework optimised for Hanzi.
sig 2015/01/18
github

javascript

css

font
ãƒªãƒ³ã‚¯
http://css.hanzi.co/
sig 2015/01/18
ä¸å›½èªžã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

github

javascript

css

font
ãƒªãƒ³ã‚¯
CSS3ã®ã€Œremã€ã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®š ï½œ Tips Note by TAM
ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ã¨ãã€ã€Œemã€ã€ã€Œ%ã€ã€ã€Œpxã€ã‚’ä½¿ã£ã¦æŒ‡å®šã™ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ CSS3ã‹ã‚‰åˆ©ç”¨å¯èƒ½ã«ãªã£ãŸã€Œremã€ã¨ã„ã†æ–°ã—ã„å˜ä½ã«ã¤ã„ã¦ã€æŒ‡å®šæ–¹æ³•ãªã©èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã€Œremã€ã¨ã¯ã€ã€Œrootã€+ã€Œemã€ã¨ã„ã†æ„å‘³ã§ã€ rootè¦ç´ ï¼ˆhtmlè¦ç´ ï¼‰ã«å¯¾ã—ã¦ç›¸å¯¾çš„ã«ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒæŒ‡å®šã§ãã¾ã™ã€‚ ã€Œemã€ã‚„ã€Œ%ã€ãªã©ã®å¾“æ¥ã®ç›¸å¯¾æŒ‡å®šã¨é•ã£ã¦ã€è¦ªè¦ç´ ã‚’ç¶™æ‰¿ã—ãªã„ã¨ã„ã†ç‰¹å¾´ãŒã‚ã‚Šã€ å…¥ã‚Œåã«ã™ã‚‹ã¨ã©ã‚“ã©ã‚“æ‹¡å¤§ã€ç¸®å°ã•ã‚Œã¦ã—ã¾ã£ãŸã‚Šã€æŒ‡å®šã«ç´°ã‹ãªè¨ˆç®—ãŒå¿…è¦ã ã£ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ å¸¸ã«rootè¦ç´ ã«å¯¾ã—ã¦ã€Œä½•å€ã€ã¨ã„ã†ä½¿ã„æ–¹ãŒã§ãã‚‹ã®ã§ã€æŒ‡å®šã®ä»•æ–¹ãŒéžå¸¸ã«ã‚ã‹ã‚Šã‚„ã™ãã€ä¾¿åˆ©ã§ã™ã€‚ ä¸‹è¨˜ã®ã‚ˆã†ã«ã€htmlã«ã€Œfont-size: 62.5%ï¼›ã€ã‚’æŒ‡å®šã—ã¦ãŠãã¨ã€ã€Œ10px = 1remã€ã¨ãªã‚‹ã®ã§ã€ pxå˜ä½ã§è¨ˆç®—ãŒã§ãã¾ã™ã€‚ html { font-size: 62
sig 2014/03/19
css

font

size

font-size
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä½¿ãˆã‚‹ï¼rem (root em) å˜ä½ã‚’ä½¿ç”¨ã—ãŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æŒ‡å®š - IT-Walker on hatena
å¯¡èžã«ã¤ãã€rem(root em)ãªã‚“ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®å˜ä½ãŒã‚ã‚‹ã®ã‚’ä»Šã¾ã§çŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã¡ã‚‡ã£ã¨èˆˆå‘³ã‚’æŒã£ã¦èª¿ã¹ã¦ã¿ãŸã¨ã“ã‚ã€çµæ§‹ä½¿ãˆãã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã£ãŸã®ã§ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ rem (root em) ã¨ã„ã†ã®ã¯ã€ã€Œãƒ«ãƒ¼ãƒˆè¦ç´ ï¼ˆå…¸åž‹çš„ã«ã¯htmlè¦ç´ ï¼‰ã«å¯¾ã™ã‚‹ç›¸å¯¾çš„ãªãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®å˜ä½ã€ã§ã™ã€‚ å¾“æ¥ã®emã¯ã€è¦ªè¦ç´ ã«å¯¾ã—ã¦ç›¸å¯¾çš„ãªãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®å˜ä½ã§ã—ãŸã€‚ãã®ãŸã‚ã€è¦ç´ ã®å‡ºç¾ä½ç½®æ¬¡ç¬¬ã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã“ã¨ã‚‚å¤šãã€ä½¿ã„ã«ãã„å ´é¢ã‚‚å¤šã€…ã‚ã‚Šã¾ã—ãŸã€‚ ä»–ã«ã‚‚ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æŒ‡å®šæ–¹æ³•ã«ã¯ã€ãƒ”ã‚¯ã‚»ãƒ«ï¼ˆpxï¼‰ã‚’ç”¨ã„ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ãŒã€ç‰¹ã«ä»Šã¯æ§˜ã€…ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚’æ„è˜ã—ãªãã¦ã¯ãªã‚‰ãªã„æ™‚ä»£ã€‚ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã®å°ã•ã„ãƒ‡ãƒã‚¤ã‚¹ã§ã¯å…¨ä½“çš„ãªãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’åŒæ™‚ã«å¤§ããã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã“ã¨ã‚‚ã‚ˆãã‚ã‚Šã¾ã™ãŒã€pxã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã¨ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãªã©ã‚’ä½¿ã£ã¦ã‚ã‚‰ã‚†ã‚‹ãƒ•
sig 2014/03/19
css

font

size

font-size
ãƒªãƒ³ã‚¯
Stack3.com is for sale | HugeDomains
Make 24 monthly payments Pay 0% interest Start using the domain today. See details
sig 2013/04/17
css

font

font-family
ãƒªãƒ³ã‚¯
Font Smoothing
Webkit, the engine under the Safari and Chrome browsers, adds an interesting property to CSS called â€œfont-smoothingâ€. You can probably guess what it does by its name. There are three different values you can use for it: -webkit-font-smoothing: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; The first one will turn font smoothing off, showing your text with
sig 2010/08/27
css

font

webkit
ãƒªãƒ³ã‚¯
maxvoltar - -webkit-font-smoothing
Iâ€™m not a big fan of the default text rendering in WebKit, in my opinion, itâ€™s too heavy. There used to be a workaround where setting text-shadow would make the text thinner, but updating to Snow Leopard rendered that useless. Then someone found another hack (using -webkit-text-stroke) that seemed to work nicely, but it wasnâ€™t usa ble on text-heavy pages, causing performance issues when scrolling.
sig 2010/08/27
css

font

webkit
ãƒªãƒ³ã‚¯
æµŽå—å¿ƒéœ²è°ªç½‘ç»œç§‘æŠ€
sig 2009/04/07
google chrome

css

font
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã«ä¾å˜ã›ãšæ–‡å—ã®å¤§ãã•ã‚’çµ±ä¸€ã•ã›ã‚‹æ–¹æ³• - ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç„¡æ–™é…å¸ƒ || Cool Web Window
404 Not Found ãŠæŽ¢ã—ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯è¦‹ã¤ã‹ã‚‰ãªã„ã‚ˆã†ã§ã™ã€‚ ãŠæ‰‹æ•°ã§ã™ãŒã€ä¸‹è¨˜ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¸ãŠæˆ»ã‚Šãã ã•ã„ã€‚ CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
sig 2008/04/06
webdesign

css

font

tips
ãƒªãƒ³ã‚¯
Travellers Tale: ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã®ãƒ•ã‚©ãƒ³ãƒˆã®åå‰
ä»Šã¾ã§ä½•æ°—ãªãæ›¸ã„ã¦ã„ãŸãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šã§ã™ãŒã€hirobox: Safariã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã®ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šã®å®Ÿéš›ã‚’é–‹ã„ã¦ã¿ãŸã¨ã“ã‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦è§£é‡ˆãŒã¾ã¡ã¾ã¡ã§å…¨ç„¶åæ˜ ã•ã‚Œãªã„ã“ã¨ãŒã‚ã‚‹ã®ãŒåˆ¤æ˜Žã€‚ ã“ã“ã§ã¯ã€ã¨ã‚Šã‚ãˆãšãƒ’ãƒ©ã‚®ãƒŽã«çµžã£ã¦è©±ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚æ¤œè¨¼ã—ã¦ã¿ãŸã¨ã“ã‚ã€Safari ã§ã¯ã€æ—¥æœ¬èªžåã§ã®ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šãŒåŠ¹ã‹ãšã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆè¡¨è¨˜ã§ã‚‚ã€ãƒ•ã‚©ãƒ³ãƒˆã‚¦ã‚§ã‚¤ãƒˆã‚’å«ã‚€å½¢ã§ã®æŒ‡å®šã¯åæ˜ ã•ã‚Œãªã„ã‚ˆã†ã§ã™ã€‚ ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ã‚·ãƒƒã‚¯ Pro ã®å ´åˆï¼š
sig 2007/12/05
css

font
ãƒªãƒ³ã‚¯
[ CSS ] ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’çµ±ä¸€ï¼†ã‚µã‚¤ã‚ºå¤‰æ›´ã§ãã‚‹æŒ‡å®šæ–¹æ³•ï½œã ã‚‹ã‹ã¶@ã†ã©ã‚“çœŒ #ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚«ãƒ– #ãŠã§ã‹ã‘ #è®ƒå²ã†ã©ã‚“ #ã‚¦ã‚§ãƒ– #ã‚¬ã‚¸ã‚§ãƒƒãƒˆ
ã”è¨ªå•ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚( ^ o ^ ) ã‚µãƒ³ãƒ€ãƒ«ã§ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚«ãƒ–ä¹—ã‚Šã®ã€Žã ã‚‹ã‹ã¶ã€ã§ã™ï¼ ã‚†ã£ãã‚Šã—ã¦ã„ã£ã¦ãã€‚ï¼ˆæœ¬ãƒšãƒ¼ã‚¸ã¯åºƒå‘Šã‚’å«ã¿ã¾ã™ï¼‰ æœ¬æ–‡ã‚’ 12 ãƒ”ã‚¯ã‚»ãƒ«ç›¸å½“ã®å¤§ãã•ã§è¡¨ç¤ºã™ã¹ãã€font-size:75%; ã§æŒ‡å®šã•ã‚ŒãŸãƒšãƒ¼ã‚¸ã‚’ Mac Firefox 2.0 ã§è¦‹ã‚‹ã¨æ–‡å—ãŒå°ã•ãè¦‹ãˆã¾ã™ã€‚ ã“ã‚Œã¯ã€Mac Firefox 2.0 ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒ 14 ãƒ”ã‚¯ã‚»ãƒ«ã®ç‚ºã§ã€è¨ˆç®—ã—ã¦ã¿ã‚‹ã¨ 10.5 ãƒ”ã‚¯ã‚»ãƒ«ç›¸å½“ã®å¤§ãã•ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹äº‹ã«ãªã‚Šã¾ã™ã€‚ 14px * 75% = 10.5pxç¢ºã‹ã«å°ã•ã„ã§ã™ããƒ¼ã€‚ ã“ã®å•é¡Œã‚’è§£æ±ºã™ã¹ãã€å„ãƒ–ãƒ©ã‚¦ã‚¶ã§åŒã˜ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å®Ÿç¾ã™ã‚‹ã«ã¯ã€font-size:12px; ã¨ã‹ã®ãƒ”ã‚¯ã‚»ãƒ«æŒ‡å®šã™ã‚Œã°è‰¯ã„ã ã‘ãªã‚“ã§ã™ãŒã€Windows Internet Explorer 7 ã§æ–‡å—ã®ã‚µã‚¤ã‚ºå¤‰æ›´ãŒå‡ºæ¥ãªããªã£ã¦ã—ã¾ã†ã®ã§ãƒ”ã‚¯
sig 2007/07/08
css

font

tips
ãƒªãƒ³ã‚¯
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ã€ã§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾
sig 2007/03/13
webdesign

css

font
ãƒªãƒ³ã‚¯
Macã§ãƒ–ãƒã‚°ã€‚Movable Type å‚™å¿˜éŒ²: Font Family
ã“ã®ãƒ–ãƒã‚°ã¯Macã®ãƒ•ã‚©ãƒ³ãƒˆã§ã‚ã‚‹ã€ãƒ’ãƒ©ã‚®ãƒŽä¸¸ã‚´ã€‘ã‚’ãƒ¡ã‚¤ãƒ³ã«è¨å®šã—ã¦ã„ã‚‹ç©ã‚‚ã‚Šã§ã—ãŸã€‚ã„ã‚„ã€ä»Šã¯ãŠãã‚‰ãMacã§ã”è¦§ã®æ–¹ã¯ã€ãã®ã€ãƒ’ãƒ©ã‚®ãƒŽä¸¸ã‚´ã€‘ã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¯ãšã§ã™ã€‚ ç©ã‚‚ã‚Šã§ã—ãŸã¨è¨€ã†ã®ã¯ã€é•·ã„é–“æ°—ä»˜ã‹ãªã„åƒ•ã‚‚ã©ã†ã‹ã—ã¦ã‚‹ã®ã§ã™ãŒã€ã©ã†ã‚„ã‚‰ãã®æŒ‡å®šé€šã‚Šã«ã¯è¡¨ç¤ºã•ã‚Œã¦ã„ãªã‹ã£ãŸã‚ˆã†ãªã®ã§ã™ã€‚ ä»–ã®ãƒ–ãƒã‚°ã§ã€æ˜Žã‚‰ã‹ã«ã€ãƒ’ãƒ©ã‚®ãƒŽä¸¸ã‚´ã€‘ã§è¡¨ç¤ºæŒ‡å®šã—ã¦ã„ã‚‹ãªã¨æ€ã‚ã‚Œã‚‹ã®ã‚’èªã‚“ã å¾Œã€è‡ªåˆ†ã®ãƒ–ãƒã‚°ã‚’è¦‹ã¦ã¿ãŸã‚‰ã€Žãªã‚“ã‹ã“ã‚Œã€è§’ã‚´ã˜ã‚ƒãªã„ã®ã‹ï¼Ÿã€ã¨æ˜¨æ—¥æ°—ä»˜ã„ãŸã®ã§ã™ã€‚ ã”å˜çŸ¥ã®é€šã‚Šã€Macï¼¯ï¼³ï¼¸ã¦ç”»é¢ã®è¡¨ç¤ºãŒã¨ã£ã¦ã‚‚ç¶ºéº—ãªã‚“ã§ã™ã‚ˆã€‚ãã‚Šã‚ƒã‚ã‚‚ã†ã€ã€ŽWindowsã®çš†ã•ã¾è‰¯ãè€ãˆã¦ã‚‹ãªã‚ã€‚ã€ã¨ã¤ãã¥ãæ€ã„ã¾ã™ã€‚ã‚‚ã£ã¨ã‚‚Windowsã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€Vistaã§ã™ã‹ï¼Ÿã§ã¯æ”¹å–„ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ã‘ã©ãã€‚ ãã‚“ãªè¨³ã§ã€è§’ã‚´ã§ã‚‚ç¶ºéº—ã«è¦‹ãˆã¦ã„ãŸã®ã§æ°—ä»˜ã‹ãªã‹ã£ãŸã€‚ã„ã‚„ã€å¤šå°‘ã®é•å’Œæ„Ÿã¯ã‚ã£ãŸã®ã§ã™ãŒã€æ¨ã¦ç½®ã„ã¦ã„ãŸ
sig 2006/07/11
ã€Ž"Hiragino Maru Gothic Pro"ã¨è‹±èªžã§æŒ‡å®šã—ã¦ã‚„ã‚‹å¿…è¦ãŒã‚ã‚‹ã€

css

font

mac
ãƒªãƒ³ã‚¯
PingMag - æ±äº¬ç™º ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ï¼†ã‚‚ã®ã¥ãã‚Šã€ ãƒžã‚¬ã‚¸ãƒ³ Â» Archive Â» mixiã‚’ã‚ˆã‚Šè‰¯ãã™ã‚‹ãŸã‚ã«ã¯
EDæ²»ç™‚è–¬ï¼ˆå‹ƒèµ·è–¬ï¼‰ã¯æ§˜ã€…ãªé•ã„ãŒã‚ã‚Šã¾ã™ã€‚æŒç¶šæ™‚é–“ã€ä½œç”¨æ™‚é–“ã€åŠ¹æžœã®å¼·ã•ã€é£Ÿäº‹ã®å½±éŸ¿ãªã©ã®æ¯”è¼ƒã‚’ã”ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ ã‚µã‚¤ãƒˆãƒžãƒƒãƒ— EDæ²»ç™‚è–¬ï¼ˆå‹ƒèµ·è–¬ï¼‰ã®æ¯”è¼ƒãƒ»é•ã„ EDæ²»ç™‚è–¬ï¼ˆå‹ƒèµ·è–¬ï¼‰ã¯ã€ç¾åœ¨ã®ã¨ã“ã‚ï¼”ç¨®é¡žè²©å£²ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã‚Œãžã‚Œã®ç‰¹å¾´ã®é•ã„ã‚’æ¯”è¼ƒã—ã¾ã™ã€‚EDã«åŠ¹æžœãŒã‚ã‚‹ãƒ¡ã‚«ãƒ‹ã‚ºãƒ ã¯ã©ã‚Œã‚‚åŒã˜ã§ã™ãŒã€æŒç¶šæ™‚é–“ã€å³åŠ¹æ€§ã€é£Ÿäº‹ã‚„ãŠé…’ã®å½±éŸ¿ãªã©ã§é•ã„ãŒã‚ã‚Šã¾ã™ã€‚ãŠè–¬ã¯å€‹äººå·®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã”è‡ªåˆ†ã«åˆã£ã¦ã„ã‚‹ã‚‚ã®ã‚’æŽ¢ã™ã“ã¨ã‚‚å¤§åˆ‡ã§ã™ã€‚ã¾ãŸã€çŠ¶æ³ã«ã‚ã‘ã¦æ§˜ã€…ãªEDæ²»ç™‚è–¬ã‚’ä½¿ã„åˆ†ã‘ã¦ã„ã‚‹æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã‚ˆã†ã§ã™ã€‚æ£ã—ã„ãŠè–¬ã‚’é¸æŠžã™ã‚‹äº‹ã§ã€ã‚ˆã‚ŠåŠ¹æžœã‚’å¾—ã‚‹äº‹ãŒã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ EDæ²»ç™‚è–¬ã®é€šè²©ã¯ã‚³ãƒãƒ© å‹ƒèµ·åŠ›ã§é¸ã¶ãªã‚‰ã“ã®EDæ²»ç™‚è–¬ï¼ ãƒã‚¤ã‚¢ã‚°ãƒ© EDæ²»ç™‚è–¬ã§æœ€ã‚‚æœ‰åãªã®ã¯ãƒã‚¤ã‚¢ã‚°ãƒ©ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒã‚¤ã‚¢ã‚°ãƒ©ã¯å‹ƒèµ·åŠ›ãŒå¼·ããªã‚‹è–¬ã§ã€EDæ²»ç™‚ã ã‘ã§ãªããƒŠã‚¤ãƒˆãƒ©ã‚¤ãƒ•ã‚’æ¥½ã—ã¿ãŸã„æ–¹ã«ã‚‚ã‚ªã‚¹ã‚¹ãƒ¡ãªEDæ²»ç™‚
sig 2006/03/30
design

font

interview

typography
ãƒªãƒ³ã‚¯
1