[B! Webfont] sigwygã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sigwyg id:sigwyg

Webfontã«é–¢ã™ã‚‹sigwygã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

Google Chromeã§ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯ã‚’Arial+ãƒ¡ã‚¤ãƒªã‚ªã«ç½®æ›ã™ã‚‹
æœ€è¿‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯Webãƒ•ã‚©ãƒ³ãƒˆã®åˆ©ç”¨ã‚’å¯èƒ½ã«ã™ã‚‹@font-faceã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚‚ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚@font-faceã¯Webãƒ•ã‚©ãƒ³ãƒˆã®åˆ©ç”¨ã«é™ã‚‰ãšã€ãƒãƒ¼ã‚«ãƒ«ã®ãƒ•ã‚©ãƒ³ãƒˆã®å†å®šç¾©ã«ã‚‚ä½¿ãˆã‚‹ã®ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§åˆ©ç”¨ã™ã‚Œã°ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯ã‚’ãƒ¡ã‚¤ãƒªã‚ªã«ç½®æ›ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹(Chromeã§ã‚‚)ã€‚ã“ã‚Œã«ç•™ã¾ã‚‰ãš@font-faceãƒ‡ã‚¹ã‚¯ãƒªãƒ—ã‚¿ãƒ¼ã®unicode-rangeãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’åˆ©ç”¨ã™ã‚Œã°ã€è‹±æ•°å—ã¯Arialã§æ—¥æœ¬èªžéƒ¨åˆ†ã¯ãƒ¡ã‚¤ãƒªã‚ªã§ç½®æ›ã™ã‚‹ãªã©ã¨ã„ã†ã‚ãŒã¾ã¾ãªã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ unicode-rangeãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã‚°ãƒªãƒ•ã®ã‚³ãƒ¼ãƒ‰ã‚’ç¯„å›²æŒ‡å®šã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦srcãƒ—ãƒãƒ‘ãƒ†ã‚£ã§æŒ‡å®šã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã®ã©ã®éƒ¨åˆ†ã‚’åˆ©ç”¨ã™ã‚‹ã‹ã‚’æ±ºå®šã™ã‚‹ã‚‚ã®ã€‚ã¤ã¾ã‚ŠArialã‹ã‚‰è‹±æ•°å—(PDF: Basic Latinã¨å‘¼ã°ã‚Œã‚‹ç¯„å›²)ã‚’å–ã£ã¦ãã¦ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯ã‚’ç½®æ›ã™ã‚‹å ´åˆã¯Go
sigwyg 2012/09/27
unicode-rangeã§æ··æ¤

webfont

css3
ãƒªãƒ³ã‚¯
Ligature Icon ãƒ•ã‚©ãƒ³ãƒˆã‚»ãƒƒãƒˆã®è‡ªä½œæ–¹æ³•ã¨WebFont - ãã‚‰ã’ã ã‚‰ã‘
åŽ»å¹´ã®10æœˆã«ã€ŒiOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€å‰ç·¨ã€‘ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€Web Symbols Typefaceã¨ã„ã†WebFontã‚’ä½¿ã£ã¦ã€ã‚¿ã‚¤ãƒ—ãƒ•ã‚§ã‚¤ã‚¹ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã—ãŸã€‚ãã‚Œä»¥æ¥ã€ä¼¼ãŸã‚ˆã†ãªFontãŒä½œæˆã•ã‚Œå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã¤ã„æœ€è¿‘çŸ¥ã£ãŸsymbolsetã¨ã„ã†ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ã¦ã„ã‚‹symbol fontã«ã¯æ„Ÿå¿ƒã—ã¾ã—ãŸã€‚ ãã‚Œã¾ã§ã®Symbol Icon Webfontã«ã¯ã€ãã‚Œã‚’ä½¿ç”¨ã™ã‚‹éš›ã®è¡¨ç¾ã¨ã—ã¦ã‚ã¾ã‚Šé©åˆ‡ã§ãªã„éƒ¨åˆ†ãŒã‚ã‚Šã¾ã—ãŸã€‚ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã®ã€Œtã€ãªã©ã«ç›´æŽ¥ã‚¢ã‚¤ã‚³ãƒ³ã‚’å‰²ã‚Šå½“ã¦ã¦ã„ãŸãŸã‚ã€codeä¸Šã§ã¯æ„å‘³ã‚’æˆã•ãªã„ï¼ˆã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã«ç†è§£ã§ããªã„ï¼‰æ–‡å—ãŒä¸¦ã¶ã“ã¨ã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ãã®ãŸã‚ç§ãŒä½¿ç”¨ã™ã‚‹ã¨ãã¯ã€HTMLã§ã¯æ„å‘³ã®ã‚ã‚‹ã®æ–‡å—åˆ—ï¼ˆTwitterãªã©ï¼‰ã‚’è¨˜ã—ã€CS
sigwyg 2012/07/03
font

webfont

mac

webåˆ¶ä½œ

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
æ„å¤–ã¨å¤šã„!? Web ãƒ•ã‚©ãƒ³ãƒˆã«å¯¾å¿œã—ã¦ã„ãªã„ç’°å¢ƒ ã€œ2012 å¹´ã® Web ãƒ•ã‚©ãƒ³ãƒˆäº‹æƒ…ã€œ - ã¦ã£ãç…®ãƒ–ãƒã‚°
html5Web ãƒ•ã‚©ãƒ³ãƒˆã¯ã€ŒWeb ã‚µã‚¤ãƒˆã«ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’åŸ‹ã‚è¾¼ã‚€ã€ãŸã‚ã®æŠ€è¡“ã§ã™ã€‚ç¾è¡Œã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¯å…¨ã¦ Web ãƒ•ã‚©ãƒ³ãƒˆã«å¯¾å¿œã—ã¦ã„ã‚‹çŠ¶æ³ã§ã™ã€‚ãã‚“ãªçŠ¶æ³ã§ã‚ã‚‹ãŸã‚ã€çµ¶å¯¾ã«ã‚³ãƒ”ãƒšã§ããªã„æ–‡ç« ã‚’ä½œã£ãŸã£ãŸwwww ã¯ Web ãƒ•ã‚©ãƒ³ãƒˆã«ä¾å˜ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã—ãŸãŒã€ç‰¹åˆ¥ãªé…æ…®ã¯ã›ãšã«å…¬é–‹ã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€å…¬é–‹å¾Œã€Web ãƒ•ã‚©ãƒ³ãƒˆãŒé©ç”¨ã•ã‚Œãªã‹ã£ãŸè¤‡æ•°ã®æ–¹ã‹ã‚‰ã€Œã‚³ãƒ”ãƒšã§ãã‚‹ã‚“ã ã‘ã©ã©ã†ã„ã†ã“ã¨ï¼Ÿã€ã€Œæ„å‘³ãŒåˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆãŒã‚ˆã›ã‚‰ã‚Œã¾ã—ãŸã€‚ãã“ã§ã€Web ã‚µãƒ¼ãƒãƒ¼ã®ã‚¢ã‚¯ã‚»ã‚¹ãƒã‚°ã‚’è§£æžã—ã¦ã€ŒWeb ãƒ•ã‚©ãƒ³ãƒˆã«å¯¾å¿œã—ã¦ã„ãªã„ç’°å¢ƒã€ãŒã©ã®ç¨‹åº¦ã‚ã£ãŸã®ã‹ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ï¼”ç¨®é¡žã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆä¸€å£ã« Web ãƒ•ã‚©ãƒ³ãƒˆã¨ã„ã£ã¦ã‚‚ã€ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ WOFFãƒ»TTFãƒ»EOTãƒ»SVG ã® 4 ç¨®é¡žã‚ã‚Šã¾ã™ã€‚ä»Šå¾Œã¯ WOFF ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒæ¨™æº–ã«ãªã£ã¦ã„ãã®ã§ã™ãŒã€ç¾åœ¨ã§ã¯ã‚µãƒãƒ¼ãƒˆã—
sigwyg 2012/04/26
èªžã‚Šå£ãŒã„ã¡ã„ã¡ãŠã‚‚ã‚ã„

Webfont

CSS3
ãƒªãƒ³ã‚¯
FONTPLUSï½œã‚¨ãƒ©ãƒ¼
ã‚½ãƒ•ãƒˆãƒãƒ³ã‚¯ãƒ»ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼æ ªå¼ä¼šç¤¾ Copyright Â© Softbank Techno logy Corp. All rights reserved.
sigwyg 2011/07/27
ã€Œã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸å†…ã®æ–‡ç« ã‚’è‡ªå‹•ã§è§£æžã€‚ãã®ãƒšãƒ¼ã‚¸å†…ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹æ–‡å—ã ã‘ã‚’æŠ½å‡ºã—ã€è»½é‡åŒ–ã—ãŸãƒ•ã‚©ãƒ³ãƒˆãƒ‡ãƒ¼ã‚¿ã‚’è‡ªå‹•ã§ä½œæˆã—ã¾ã™ã€‚ã€

CSS3

webfont
ãƒªãƒ³ã‚¯
Dmig 5
Dieses Mal mÃ¶chten wir mit einer kleinen Frage beginnen: Wie sieht euer Arbeitsplatz gerade aus? Da ihr aller Wahrscheinlichkeit nach aus dem Design-Bereich kommt, seht ihr wahlweise kreatives Chaos vor euch oder einen perfekt aufgerÃ¤umten Schreibtisch. Das ist zumindest der Eindruck, den wir gewonnen haben. Wir haben Designer gebeten uns Fotos ihres Arbeitsplatzes zu schicken, und zwar ohne diese
sigwyg 2011/04/19
webãƒ‡ã‚¶ã‚¤ãƒ³

css3

webfont
ãƒªãƒ³ã‚¯
WebãŒå‰æã«ã‚ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¨ãƒ‡ã‚¶ã‚¤ãƒ³ : could
å…±æœ‰ãƒœã‚¿ãƒ³ã¨æ¤œç´¢ãŒãƒšãƒ¼ã‚¸ä¸Šã«ç§»å‹•ã—ã¾ã—ãŸã€‚ã‚‚ã—ã€ã˜ã£ãã‚Šè¨˜äº‹ã‚’èªã¿ãŸã„ã¨ã„ã†æ–¹ã¯ä¸€ç•ªå³ã®ã€Œèªã¿ãƒ¢ãƒ¼ãƒ‰ã€ãƒœã‚¿ãƒ³ã‚’ã”åˆ©ç”¨ãã ã•ã„ã€‚ CSSãƒ‡ã‚¶ã‚¤ãƒ³ WebãŒå‰æã«ã‚ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¨ãƒ‡ã‚¶ã‚¤ãƒ³ Webãƒ•ã‚©ãƒ³ãƒˆã§ã‚ã‚Œã°ä½œã‚Šæ‰‹ãŒè€ƒãˆã¦ã„ã‚‹ã¨ãŠã‚Šã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«å‡ºæ¥ã‚‹ã¨ã„ãˆã°ã€ä¸€æ¦‚ã«ãã†ã¨ã¯ã„ãˆã¾ã›ã‚“ã€‚Web ã§ã‚ã‚‹ã¨ã„ã†å‰æã‚’å¿˜ã‚Œã¦ã—ã¾ã†ã¨ã‹ãˆã£ã¦æ®‹å¿µãªæ€ã„ã‚’ã™ã‚‹ã“ã¨ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚ å…ˆé€±ã€Web Directions East ã®ç„¡æ–™ã‚¤ãƒ™ãƒ³ãƒˆ WDE-ex ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ä»Šå›žã¯ Mozilla Japan ã® John Daggett ã•ã‚“ã‚’è¿Žãˆã¦è¬›æ¼”ã€‚Webã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®åŸºæœ¬ã‹ã‚‰ä»Šå¾Œã®å±•é–‹ã¾ã§æ—¥æœ¬èªžã‚‚è¦–é‡Žã«å…¥ã‚Œã¦ã®è©±ã‚’ã—ã¦ãã ã•ã„ã¾ã—ãŸã€‚5æœˆã« Google ãŒ Font API ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ãŸã“ã¨ã«ã‚ˆã‚Šã€æ—¥æœ¬ã§ã‚‚ Web ãƒ•ã‚©ãƒ³ãƒˆã¸ã®æ³¨ç›®ãŒä¸€æ°—ã«ä¸ŠãŒã£ãŸã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã—ã¾ã™ã€‚ã¾ãŸã€é›»åæ›¸ç±ã¸
sigwyg 2010/07/07
ãƒ¡ãƒ¢ â†’ Unicode Range Generator

webfont

css3
ãƒªãƒ³ã‚¯
Google Font API ã®ã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã†ã¨ iPhone ã§æ—¥æœ¬èªžãŒè¡¨ç¤ºã•ã‚Œãªã„ç†ç”± | ãƒ–ãƒã‚° | SINAP - æ ªå¼ä¼šç¤¾ã‚·ãƒŠãƒƒãƒ—
ã“ã®è¨˜äº‹ã®æœ€åˆã®å…¬é–‹å¾Œã€ã•ã‚‰ã«èª¿æŸ»ã‚’ç¶šã‘ã¦ã„ãŸã¨ã“ã‚ã€å†…å®¹ã«ä¸æ£ç¢ºãªéƒ¨åˆ†ãŒã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã®ã§ã€è¨‚æ£ã„ãŸã—ã¾ã—ãŸã€‚è©³ç´°ã¯æœ¬æ–‡ä¸ã®è¿½è¨˜ãƒ»è¨‚æ£ã‚’ã”è¦§ãã ã•ã„ã€‚ï¼ˆ2010/06/01ï¼‰ å…ˆæ—¥ã€Google ã‹ã‚‰ã€ç”»æœŸçš„ãªã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã® Google Font API ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚æ—¢ã«ãŸãã•ã‚“ã®æ–¹ã€…ãŒã€æ§˜ã€…ãªå®Ÿé¨“ã‚’ã—ãŸã‚Šè¨˜äº‹ã‚’æ›¸ã„ãŸã‚Šã„ã‚‰ã£ã—ã‚ƒã„ã¾ã™ãŒã€ãã‚“ãªæ˜¨æ—¥ã€‚ ã€ŒGoogle Font API ã§æ—¥æœ¬èªžãŒè¡¨ç¤ºå‡ºæ¥ãªã„ã€ã¨ã„ã†è©±ã‚’å°è€³ã«æŒŸã¿ã¾ã—ãŸã€‚ ã‚‚ã¨ã‚ˆã‚Šã€Google Font API ã§æä¾›ã•ã‚Œã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¯ç¾æ™‚ç‚¹ã§ã¯æ¬§æ–‡ãƒ•ã‚©ãƒ³ãƒˆã®ã¿ã§ã€æ—¥æœ¬èªžã®å—å½¢ãƒ‡ãƒ¼ã‚¿ã¯å«ã‚“ã§ã„ã¾ã›ã‚“ãŒã€ä»®ã«ãã†ã—ãŸãƒ•ã‚©ãƒ³ãƒˆãŒæ—¥æœ¬èªžã‚’å«ã‚€æ–‡å—åˆ—ã«æŒ‡å®šã•ã‚ŒãŸã¨ã—ã¦ã‚‚ã€æœ¬æ¥ãã“ã§æœŸå¾…ã•ã‚Œã‚‹ã®ã¯ã€ŒæŒ‡å®šãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã§ããªã„æ–‡å—ã¯ã€è¡¨ç¤ºã§ãã‚‹åˆ¥ã®ãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã™ã‚‹ã€ã¨ã„ã†æŒ™å‹•ã§ã‚ã£ã¦ã€çœŸã£ç™½ã«ãªã£ã¦ã—ã¾ã†
sigwyg 2010/06/01
å—å½¢ãŒç„¡ã„å ´åˆã®åˆ‡æ›¿ãŒç”˜ã„ã¨ã„ã†ã“ã¨

css3

font

webfont
ãƒªãƒ³ã‚¯
Google Font API ã§æ‰‹è»½ã«å§‹ã‚ã‚‹ãƒ•ã‚©ãƒ³ãƒˆéŠã³
æ˜¨æ—¥é–‹å‚¬ã•ã‚ŒãŸ WDE ex -vol9 (Twitter TL) ã®æ‡‡è¦ªä¼šã§ã€ŒGoogle ãŒãƒ•ã‚©ãƒ³ãƒˆã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚„ã‚Œã°è‰¯ã„ã˜ã‚ƒãªã„ã‹ã€ã¨ã„ã†è©±é¡ŒãŒå‡ºã¦ã„ãŸã®ã§ã™ãŒã€æœèµ·ããŸã‚‰ Google Font API ã¨ã—ã¦ç¾å®Ÿçš„ãªã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã—ãŸã€‚Web Font ã‚’ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¯æµ·å¤–ã§æ—¢ã«å¹¾ã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ã»ã¨ã‚“ã©ãŒ JavaScript ã®ã‚³ãƒ¼ãƒ‰ã‚’è²¼ä»˜ã‘ã‚‹æ–¹æ³•ãŒæŽ¡ç”¨ã•ã‚Œã¦ãŠã‚Šã€ä¸ã«ã¯ body å†…ã«è¨˜è¿°ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªæ–¹æ³•ã¨ã¯ã„ãˆã¾ã›ã‚“ã§ã—ãŸã€‚ ä»Šå›žå…¬é–‹ã•ã‚ŒãŸ Google ã® API ã¯ JavaScript ã‚’ä½¿ã†ã®ã§ã¯ãªãã€CSS ã‚’ãƒªãƒ³ã‚¯ã™ã‚‹ã ã‘ã€‚ä½¿ã„ãŸã„ãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‹ã‚‰é¸ã³ã€ãƒªãƒ³ã‚¯ã—ãŸ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã«å¤‰æ•°ã¨ã—ã¦ãƒ•ã‚©ãƒ³ãƒˆåã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã«ãªã‚Šã¾ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ç°¡å˜ã§ã™ã€‚ <link rel="stylesheet" ty
sigwyg 2010/05/20
css3

webfont
ãƒªãƒ³ã‚¯
ã¤ã„ã«ã‚¦ã‚§ãƒ–ã§ã‚‚æœ‰åæ›¸ä½“ãŒä½¿ãˆã‚‹ï¼Webãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ Fonts.com Web Fonts Î²ç‰ˆãŒé‹ç”¨é–‹å§‹ - ãƒ•ã‚©ãƒ³ãƒˆãƒ–ãƒã‚°
ãƒ•ã‚©ãƒ³ãƒˆãƒ–ãƒã‚°é–‰éŽ–ã¨ä¸€éƒ¨è¨˜äº‹ã®ç§»ç®¡ã«ã¤ã„ã¦ å¹³ç´ ã¯ãƒ•ã‚©ãƒ³ãƒˆãƒ–ãƒã‚°ã‚’ã”è¦§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ æ•°å¹´å‰ã‚ˆã‚Šãƒ–ãƒã‚°ã®æ›´æ–°ã‚’ä¸æ¢ã—ãŸã¾ã¾ã€è«¸èˆ¬ã®äº‹æƒ…ã§éŽåŽ»ã®è¨˜äº‹ã¯å…¬é–‹ã‚’ã—ã¦ã„ã¾ã—ãŸãŒã€ æ™‚ä»£ã«åˆã‚ãªã„å†…å®¹ã‚„ã€ã™ã§ã«å¤ã„æƒ…å ±ã‚’ã“ã®ã¾ã¾æ®‹ã—ã¦ãŠãã®ã¯è‰¯ããªã„ã¨è€ƒãˆã€ ãƒ•ã‚©ãƒ³ãƒˆãƒ–ãƒã‚°ã‚’é–‰éŽ–ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ãŠä¸–è©±ã«ãªã£ãŸæ–¹ã€…ã€ç§ã«æ§˜ã€…ãªæ©Ÿä¼šã‚’ä¸Žãˆã¦ãã ã•ã£ãŸæ–¹ã€…ã€ ãã—ã¦ç´„25å¹´é–“ã«å½“ãƒ–ãƒã‚°ã‚’ã”è¦§ã„ãŸã ã„ãŸæ–¹ã€…ã«å¿ƒã‚ˆã‚Šæ„Ÿè¬ã„ãŸã—ã¾ã™ã€‚ ç§è‡ªèº«2014å¹´ã«é–¢æ±ã‹ã‚‰åœ°å…ƒã¸Uã‚¿ãƒ¼ãƒ³ã‚’ã—ã€ æ›¸ä½“ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ•ã‚©ãƒ³ãƒˆãƒ¡ãƒ¼ã‚«ãƒ¼ã®æ–¹ã€æ–‡å—é–¢ä¿‚è€…ã®æ–¹ã¨ç›´æŽ¥ãŠä¼šã„ã™ã‚‹æ©Ÿä¼šãŒæ¸›ã£ã¦ã—ã¾ã£ãŸã“ã¨ã€ ã¾ãŸç§è‡ªèº«ã®ç’°å¢ƒã®å¤‰åŒ–ã«ã‚ˆã‚Šã€ä»¥å‰ã®ã‚ˆã†ã«æƒ…å ±åŽé›†ã‚’ã™ã‚‹æ™‚é–“ã®ç¢ºä¿ãŒé›£ã—ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ³ãƒˆå¥½ãã¨ã—ã¦åˆå¿ƒã«å¸°ã‚Šã€éŽåŽ»ã®ä¸€éƒ¨ã®è¨˜äº‹ã¯é †æ¬¡å€‹äººã‚µã‚¤ãƒˆ (PETITBOYS) ã®ãƒ–ãƒã‚°ã®ã»ã†ã¸
sigwyg 2010/05/14
css3

design

typography

fonts

font

webfont
ãƒªãƒ³ã‚¯
GoogleãŒWebãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹å§‹ - ãƒ•ã‚©ãƒ³ãƒˆãƒ–ãƒã‚°
Webãƒ•ã‚©ãƒ³ãƒˆãŒä¸€èˆ¬ã«åºƒã¾ã£ãŸå…¨ç››æœŸã«ã¯å›½å†…å¤–å«ã‚æ§˜ã€…ãªWebãƒ•ã‚©ãƒ³ãƒˆé…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹ãŒç™»å ´ã—ã¾ã—ãŸãŒã€ã¾ã•ã«æˆ¦å›½æ™‚ä»£ãã®ã‚‚ã®ã§ã€æ•°å¹´å¾Œã«ã¯å¤šãã®ã‚µãƒ¼ãƒ“ã‚¹ãŒçµ‚äº†ã¨ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ 2023å¹´ç¾åœ¨ã€åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹Webãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Google Fonts å®Œå…¨ç„¡æ–™ã§èª°ã§ã‚‚åˆ©ç”¨å¯èƒ½ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ç¾åœ¨ä¸€ç•ªåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹Google Fontsã€‚å®šç•ªã®Noto Sansä»¥å¤–ã«ã‚‚ã€ZEN è§’ã‚´ã‚·ãƒƒã‚¯ã‚„BIZ UDã‚´ã‚·ãƒƒã‚¯ãªã©ã€ãƒ—ãƒä»•æ§˜ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚‚ä½¿ãˆã¾ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®ãƒ•ã‚©ãƒ³ãƒˆã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯ã€‚ Adobe Fonts Adobe Creative Cloudå¥‘ç´„è€…ãªã‚‰èª°ã§ã‚‚ä½¿ãˆã‚‹Adobeã®ãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã€‚ã‹ã¤ã¦ã¯Typekitã®åã§ã‚µãƒ¼ãƒ“ã‚¹å±•é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚å®Œå…¨ã«æ—¥æœ¬èªžåŒ–ã•ã‚Œæ˜”ã«æ¯”ã¹ã‚‹ã¨ã¨ã¦ã‚‚ä½¿ã„ã‚„ã™ããªã‚Šã¾ã—ãŸã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®ãƒ•ã‚©ãƒ³ãƒˆã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯
sigwyg 2010/05/06
css3

browser

font

fonts

svg

typography
ãƒªãƒ³ã‚¯
1