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

sujii id:sujii

fontã«é–¢ã™ã‚‹sujiiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

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

ã€ŒæºãƒŽè§’ã‚´ã‚·ãƒƒã‚¯ã€æ§‹æƒ³ã¯25å¹´å‰ã‹ã‚‰--â€œãƒ•ã‚©ãƒ³ãƒˆæ„›â€ã‚ãµã‚Œã‚‹ç±³ã‚¢ãƒ‰ãƒ“æ›¸ä½“ãƒãƒ¼ãƒ ã«èžã
ä»Šã‚„ãƒ•ã‚©ãƒˆãƒ¬ã‚¿ãƒƒãƒã‹ã‚‰ãƒ“ã‚¸ãƒã‚¹æ–‡æ›¸ã®ä½œæˆã€æ˜ åƒåˆ¶ä½œã‚„DTPã€ã•ã‚‰ã«ã¯ã‚¦ã‚§ãƒ–åˆ¶ä½œã«è‡³ã‚‹ã¾ã§ã€ã‚ã‚‰ã‚†ã‚‹ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã‚·ãƒ¼ãƒ³ã«æ´»ç”¨ã§ãã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’æä¾›ã—ã¦ã„ã‚‹ã‚¢ãƒ‰ãƒ“ã€‚ãã‚Œã‚‰ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«æ¬ ã‹ã›ãªã„ã€ã—ã‹ã—ã‚ã¾ã‚Šæ„è˜ã™ã‚‹ã“ã¨ã®ãªã„è¦ç´ ã®1ã¤ãŒãƒ•ã‚©ãƒ³ãƒˆã§ã¯ãªã„ã ã‚ã†ã‹ã€‚å†™çœŸã®åŠ å·¥ã‚„ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ä½œæˆæ™‚ã«æ™®æ®µä½•ã’ãªãä½¿ã£ã¦ã„ã‚‹æ—¥æœ¬èªžãƒ†ã‚ã‚¹ãƒˆã ãŒã€æ—¥æœ¬èªžã‚’ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¨ã—ã¦æ£ã—ãè¡¨ç¾ã™ã‚‹ã«ã¯ã€æ£ã—ããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆãŒä¸å¯æ¬ ã¨ãªã‚‹ã€‚ ãã‚“ãªãƒ•ã‚©ãƒ³ãƒˆã®é–‹ç™ºã‚’å…ˆå°Žã—ã¦ããŸã‚¢ãƒ‰ãƒ“ã®ãªã‹ã§ã‚‚ã€åˆæœŸã‹ã‚‰é–¢ã‚ã£ã¦ããŸæŠ€è¡“è€…ã¨è²¬ä»»è€…ãŒã€æ±äº¬ã§é–‹å‚¬ã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã®ç¥å…¸ã€ŒATypIã€ã®ãŸã‚ã«æ¥æ—¥ã€æœ¬èªŒã®ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã«å¿œã˜ã¦ã„ãŸã ã„ãŸã€‚ç±³ã‚¢ãƒ‰ãƒ“ã§æ›¸ä½“é–‹ç™ºãƒãƒ¼ãƒ ã®ã‚·ãƒ‹ã‚¢ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’å‹™ã‚ã‚‹ãƒ€ãƒ³ãƒ»ãƒ©ãƒ†ã‚£ã‚¬ãƒ³æ°ã¨ã€åŒã‚¿ã‚¤ãƒ—ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã®ã‚±ãƒ³ãƒ»ãƒ©ãƒ³ãƒ‡ã‚£æ°ã®2äººãŒã€ã‚¢ãƒ‰ãƒ“ãŒãƒ•ã‚©ãƒ³ãƒˆã«åŠ›ã‚’å…¥ã‚Œã‚‹ç†ç”±ã€ãã‚Œãžã‚ŒãŒãƒ•ã‚©ãƒ³ãƒˆé–‹
sujii 2019/09/28
font
ãƒªãƒ³ã‚¯
http://post.simplie.jp/posts/107
sujii 2016/12/15
CSS

font

æ—¥æœ¬èªž
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã“ãè¦šãˆã¦ãŠããŸã„CSSæœ€æ–°äº‹æƒ…ï¼ ã‚ãªãŸã®çŸ¥ã‚‰ãªã„font-familyã®ã‚¤ãƒž
ç¬¬27å›žHTML5+JSå‹‰å¼·ä¼šï¼ˆå¹³æˆ28å¹´12æœˆ2æ—¥ï¼‰ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã§ã™ã€‚ Windows 10ã‚„macOSã®ã€Œæ¸¸ã‚´ã‚·ãƒƒã‚¯ã€ã®æè¼‰ã‚’ã¯ã˜ã‚ã€ã‚¦ã‚§ãƒ–ã§åˆ©ç”¨ã§ãã‚‹æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã®é¸æŠžè‚¢ãŒåºƒãŒã£ã¦ãã¾ã—ãŸã€‚å¾“æ¥ã®ã€Œï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯ã€ã®è½ã¨ã—ç©´ã€ãƒ•ã‚©ãƒ³ãƒˆå—å½¢ã‹ã‚‰ç†è§£ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‘ãä¸å‘ãã€å—é–“ã®èª¿æ•´ãŒã§ãã‚‹CSSã€Œfont-feature-settingsã€ãªã©ã€å¤šå²ã«ã‚ãŸã‚Š2016å¹´ã®font-familyäº‹æƒ…ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„HTMLã‚³ãƒ¼ãƒ€ãƒ¼ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å½¹ç«‹ã¤å†…å®¹ã¨ãªã‚Šã¾ã™ã€‚Read less
sujii 2016/12/07
font

webdesign

Webãƒ•ã‚©ãƒ³ãƒˆ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æ–‡å—è©°ã‚ã§ãã‚‹CSSã®font-feature-settingsãŒå‡„ã„ï¼ æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã“ãæŒ‡å®šã—ãŸã„è‡ªå‹•ã‚«ãƒ¼ãƒ‹ãƒ³ã‚° - ICS MEDIA
æ¸¸ã‚´ã‚·ãƒƒã‚¯ã§ã¯ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã¯åŠ¹æžœçš„ Windowsã‚„macOSã«æè¼‰ã•ã‚Œã¦ã„ã‚‹æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“ã¯ã€ä»®åãŒæ¼¢å—ã«å¯¾ã—ã¦ã‹ãªã‚Šå°ã•ã‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã¾ã™ã€‚æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“ã§ã¯ãƒ’ãƒ©ã‚®ãƒŽæ›¸ä½“ã‚ˆã‚Šå—é–“ãŒé–‹ã„ã¦è¦‹ãˆã¦ã—ã¾ã†ãŸã‚ã€ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã‚’æ´»ç”¨ã™ã‚‹åŠ¹æžœã¯å¤§ãã„ã§ã™ã€‚ Webãƒ•ã‚©ãƒ³ãƒˆã«ã‚‚ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã¯åŠ¹æžœçš„ ãƒ‡ãƒã‚¤ã‚¹ãƒ•ã‚©ãƒ³ãƒˆã ã‘ã§ãªãã€Webãƒ•ã‚©ãƒ³ãƒˆã§ã‚‚ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã«å¯¾å¿œã—ãŸOpenTypeãƒ•ã‚©ãƒ³ãƒˆãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚Webãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã—ã¦ã¯è¨˜äº‹ã€ŒWebãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã®å¾¹åº•æ¯”è¼ƒï¼ å’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆãŒä½¿ãˆã‚‹5ã¤ã®ã‚µãƒ¼ãƒ“ã‚¹ã®åˆ©ç‚¹ã¾ã¨ã‚ã€ã‚’å‚è€ƒãã ã•ã„ã€‚ â–²å·¦å´ã¯æœªæŒ‡å®šï¼ˆå’Œæ–‡ç‰å¹…ï¼‰ã®çŠ¶æ…‹ã§ã‚«ã‚¿ã‚«ãƒŠã®é–‹ããŒå¤§ãã„ã€‚å³å´ã¯ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«å—å½¢ã‚’é©ç”¨ã—ãŸçŠ¶æ…‹ã§ã€ã‚«ã‚¿ã‚«ãƒŠãŒè©°ã¾ã£ã¦ã„ã‚‹ã€‚ å¯¾å¿œç’°å¢ƒï¼šã»ã¼ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§åˆ©ç”¨å¯èƒ½ ã“ã‚Œã ã‘ä¾¿åˆ©ãªCSSã§ã™ãŒã€ã©ã‚Œã ã‘ã®
sujii 2016/12/01
font

OpenTypeãƒ•ã‚©ãƒ³ãƒˆ

CSS

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

ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°
ãƒªãƒ³ã‚¯
[å•†ç”¨åˆ©ç”¨OKãªä¸å›½èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã¾ã¨ã‚] ä»– æµ·å¤–ã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆæƒ…å ± | WEBãƒ‡ã‚¶ã‚¤ãƒ³ã™ãƒ¼ã·
2015å¹´3æœˆ11æ—¥ ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ ç„¡æ–™ä¸å›½èªžãƒ•ã‚©ãƒ³ãƒˆ FREE CHINESE FONTS 129 traditional/simplified Chinese fonts for free! 129ã®ä¼çµ±çš„ãª/å˜ç´”åŒ–ã•ã‚ŒãŸä¸å›½èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆï¼ï¼ˆå•†ç”¨å¯ã®ãƒ•ã‚©ãƒ³ãƒˆã¯14ã€129ã¯å€‹äººåˆ©ç”¨ç”¨ã§ã™ï¼‰ å•†ç”¨åˆ©ç”¨å¯èƒ½ãªä¸å›½èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚åˆã‚ã¦ä¸å›½é–¢é€£ã®æ¡ˆä»¶ã‚’å—ã‘ã‚‹ã¨ä»Šã¾ã§ã«ãªã„æ²¢å±±ã®å•é¡Œã«ã¶ã¤ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ä¸å›½IPã‚’å¼¾ã„ã¦ã„ãŸã‚Šã€ä¸å›½å´ã§ãƒ–ãƒãƒƒã‚¯ã•ã‚Œã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¯ã‚‚ã¡ã‚ã‚“ä½¿ãˆãªã„ã§ã™ã—ã€ãƒ•ã‚©ãƒ³ãƒˆçµ¡ã¿ã®å•é¡Œã‚‚ã‚ã‚Šã¾ã™ã€‚æ–‡å—ã®ç¨®é¡žãŒå¤šã„ã“ã¨ã¯æ—¥æœ¬èªžåŒæ§˜WEBãƒ•ã‚©ãƒ³ãƒˆã®é¢ã§å¤§ããªå•é¡Œã‚’æŠ±ãˆã¦ã„ã¾ã™ã—ã€ãƒ•ã‚©ãƒ³ãƒˆãŒé«˜ä¾¡ãªåŽŸå› ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚å•†ç”¨åˆ©ç”¨ã«ä½¿ãˆã‚‹ä¸å›½èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã¯è²´é‡ãªã®ã§ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠãã¨ã„ã–ã¨ã„ã†æ™‚ã«å½¹ç«‹ã¡ã¾ã™ã€‚ ä¸å›½èªžãƒ•ã‚©ãƒ³ãƒˆã®ãƒ“ã‚®ãƒŠãƒ¼ã‚ºã‚¬ã‚¤ãƒ‰ã€‚è‹±èªžã®èªã¿ç‰©ç³»ã§ã™
sujii 2016/03/23
ä¸å›½

font
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã®å¤–å½¢ã‚’svgã«ã™ã‚‹ã€text2svgã‚’Rubyã§ä½œã£ãŸ - ã‚¹ãƒšã‚¯ãƒˆãƒ©ãƒ
ãƒ†ã‚ã‚¹ãƒˆã¨ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸Žãˆã‚‹ã¨ã€ãƒ†ã‚ã‚¹ãƒˆã®å½¢ã‚’svgã§è¡¨ç¾ã—ãŸå‡ºåŠ›ãŒå‡ºã¦ãã‚‹å¤¢ã‚’è¦‹ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã‚ˆãï¼Ÿ ä½œã‚Šã¾ã—ãŸã€‚ github.com $ text2svg "Hello, World\!" --font="/Library/Fonts/Times New Roman.ttf" > test.svg $ open test.svg -a /Applications/Google\ Chrome.app ãªæ„Ÿã˜ã§è©¦ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ freetypeã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã“ã¡ã‚‰ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒäº‹å‰ã«å¿…è¦ã§ã™ã€‚ $ brew install freetype svgã§ã¯ã€<text>ã‚¿ã‚°ã§æ–‡å—ã‚’è¡¨ç¾ã™ã‚‹ã®ãŒæ™®é€šã§ã™ãŒã€è¡¨ç¾ã—ãŸã„ãƒ•ã‚©ãƒ³ãƒˆãŒæ±ºã¾ã£ã¦ã„ã‚‹å ´åˆãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚’å¿…è¦ã¨ã—ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®å¤–å½¢ã‚’svgã®pathã«ã—ã¦<path>ã‚¿ã‚°ã§è¡¨ç¾ã™ã‚‹ã“ã¨ãŒã§ãã‚Œã°ã€ ã‚µãƒ¼ãƒ
sujii 2015/12/18
Ruby

font

svg
ãƒªãƒ³ã‚¯
webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ãƒ•ãƒªãƒ¼ç´ æãŒãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸã€Œ50 incredible freebies for web designersã€
TOPÂ Â >Â Â DesignÂ Â >Â Â webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ãƒ•ãƒªãƒ¼ç´ æãŒãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸã€Œ50 incredible freebies for web designersã€ æ—¥ã€…ã€æ¬¡ã€…ã¨æ–°ã—ã„ç´ æãŒã‚¢ãƒƒãƒ—ã•ã‚Œã¦ãŠã‚Šã€è†¨å¤§ãªæ•°ã®ä¸ã‹ã‚‰ã©ã‚Œã‚’é¸ã¼ã†ã‹è¿·ã£ã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿãã‚“ãªä¸ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã€webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ãƒ•ãƒªãƒ¼ç´ æãŒãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸã€Œ50 incredible freebies for web designersã€ã§ã™ã€‚ CSS3/jQuery Panel ã„ã‚ã„ã‚ãªç¨®é¡žã®ãƒ•ãƒªãƒ¼ç´ æãŒç´¹ä»‹ã•ã‚Œã¦ãŠã‚Šã€ã©ã‚Œã‚‚ä½¿ã£ã¦ã¿ãŸããªã‚‹ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ã‚‚ã®ã°ã‹ã‚ŠãŒæƒã£ã¦ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ Flat Text â€“ icon sets ãƒ•ãƒ©ãƒƒãƒˆãƒ†ã‚¤ã‚¹ãƒˆã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€‚ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ãƒŸãƒ‹ãƒžãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§ã€ã•ã¾ã–ã¾ãªç¨®é¡žã®ã‚µã‚¤ãƒˆã§ä½¿
sujii 2015/02/14
font

design
ãƒªãƒ³ã‚¯
spriteç”»åƒã¯ã‚‚ã†çµ‚ã‚ã‚Šï¼Ÿgulpã§Icon Fontã‚’ã¤ãã‚ã†ï¼ | Goodpatch Blog
ã“ã‚“ã«ã¡ã¯ã€‚å¤ªæœ—ã§ã™ã€‚ æœ€è¿‘æ¡ˆä»¶ã§ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒä¾¿åˆ©ã ã£ãŸã®ã§ã”ç´¹ä»‹è‡´ã—ã¾ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ¡ãƒªãƒƒãƒˆ ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”»åƒã¯ã¡ã‚‡ã£ã¨ã—ãŸè‰²ã‚„ã‚µã‚¤ã‚ºã®å¤‰æ›´ã‚‚ç”»åƒãªã®ã§é¢å€’ã§ã™ã‚ˆãã€‚ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ãˆã°è‰²ã‚„ã‚µã‚¤ã‚ºã‚’CSSã§è‡ªåœ¨ã«ç·¨é›†ã§ãã‚‹ã®ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒã‹ãªã‚Šæ¥½ã¡ã‚“ã§ã™ã€‚ãªãŠã€ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ãªã®ã§é«˜è§£åƒåº¦ãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚å¯¾å¿œã§ãã¾ã™ï¼ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’gulpã§ä½œã‚‹ ã§ã¯ã€ã©ã†ã‚„ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã‚‹ã®ã‹ï¼Ÿä½œã‚Šæ–¹ã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€ä¸€ç•ªæ‰‹ã£å–ã‚Šæ—©ã„ã®ã¯gulpã§è‡ªå‹•ã§ç”Ÿæˆã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ãªãŠgulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãªã©ã¯çœç•¥ã•ã›ã¦ã‚‚ã‚‰ã„ã¾ã™ã€‚ ä»¥ä¸‹ãŒgulpãƒ•ã‚¡ã‚¤ãƒ«ã®ä¾‹ã§ã™ã€‚ gulp.coffee 'use strict'; gulp = require 'gulp' $ = require('gulp-load-plugins')() # svg ã‚’åœ§ç¸®ã™ã‚‹ gulp.tas
sujii 2015/01/26
svg

font

Gulp
ãƒªãƒ³ã‚¯
fontcustomã§ã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã£ã¦ã¿ã‚‹
/* Font Custom - icon webfonts made simple */ @font-face { font-family: "fontcustom"; src: url("fontcustom-UNIQUEHASH.eot?#iefix") format("embedded-opentype"), url("fontcustom-UNIQUEHASH.woff") format("woff"), url("fontcustom-UNIQUEHASH.ttf") format("truetype"), url("fontcustom-UNIQUEHASH.svg#fontcustom") format("svg"); font-weight: normal; font-style: normal; } /* Bootstrap Overrides */ [class^="
sujii 2012/12/17
font
ãƒªãƒ³ã‚¯
Icons | Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
sujii 2012/07/04
webdesign

font
ãƒªãƒ³ã‚¯
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webãƒ•ã‚©ãƒ³ãƒˆã§ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€‚IE8ä»¥ä¸‹ã§ã¯ä½¿ãˆãªã„ã§ã™ã€‚iOS4.1ä»¥ä¸‹ã‚‚å¤šåˆ†è¦‹ã‚‰ã‚Œãªã„ã€‚ _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
sujii 2012/02/29
font
ãƒªãƒ³ã‚¯
Fonts in Use
AdvertisingÂ (1935) Album ArtÂ (3734) Art/IllustrationÂ (471) Booklets/PamphletsÂ (2155) BooksÂ (5832) Branding/IdentityÂ (7424) EphemeraÂ (1116) Exhibition/InstallationÂ (1011) Film/VideoÂ (942) Infographics/MapsÂ (509) Magazines/PeriodicalsÂ (1694) Mobile/TabletÂ (852) NewspapersÂ (260) Object/ProductÂ (1020) PackagingÂ (2163) Posters/FlyersÂ (5122) SignsÂ (1948) Software/AppsÂ (309) WebÂ (5004) AcuminÂ (59) Adobe
sujii 2011/02/09
font

design
ãƒªãƒ³ã‚¯
Webã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã¾ã¨ã‚ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„ã€‚ ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šã‚„è¡Œé–“ã€ç´„ç‰©ã¨ã„ã£ãŸã€æ–‡å—å‘¨ã‚Šã®ãƒŽã‚¦ãƒã‚¦ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚ˆã‚ŠæŠ€è¡“çš„ãªã¾ã¨ã‚ã€‚SWFObjectã¨ã‹sIFRã¨ã„ã£ãŸFlashãƒã‚¿ã‚’é™¤ã‘ã°ã€Webã®æ–‡å—ã¯å…¨éƒ¨CSSã§ã§ãã‚‹ã‚“ã ã‹ã‚‰... ã‚³ãƒ¼ãƒ€ã“ãã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚’æ„è˜ã™ã¹ã—ã€‚çœ‹æ¿ã¿ã¦æ›¸ä½“è¨€ã„å½“ã¦ã‚‹ã¨ã‹å¤‰æ…‹çš„ãªåŸŸã¾ã§é”ã›ãšã¨ã‚‚ã€åŽŸå‰‡ã ã‘è¦šãˆã¨ã‘ã°ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒæ§˜ã«ãªã‚‹ã‚“ã ã—ã€‚ ã‚ªãƒ¼ãƒ«ãƒ‰ã‚¹ã‚¿ã‚¤ãƒ«æ•°å— ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆâ€œï¼†â€ï¼‰ ã‚¹ãƒ¢ãƒ¼ãƒ«ã‚ãƒ£ãƒƒãƒ— ãƒã‚¤ãƒ•ãƒ³ã¨ãƒ€ãƒ¼ã‚· å„ç¨®ã‚¹ãƒšãƒ¼ã‚¹ åˆå— ç´„ç‰© ç´„ç‰©ã¯ã¶ã‚‰ä¸‹ã’ã‚‹ :beforeã¨:after è¦‹å‡ºã—ã®ã‚µã‚¤ã‚º åˆæœŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚º è¡Œé–“ã®èª¿æ•´ ä½™ç™½ã®èª¿ç¯€ å„å›½ã®æ—¥ä»˜è¡¨è¨˜
sujii 2009/01/23
ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ•ã‚©ãƒ³ãƒˆ

css

font

typography
ãƒªãƒ³ã‚¯
æ¼¢å—ãŒä½¿ãˆã‚‹æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆ ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ 46ç¨®é¡ž : 4GALAXYã®ãƒ¡ãƒ¢
56 10 09 2007 æ¼¢å—ãŒä½¿ãˆã‚‹æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆ ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ 46ç¨®é¡ž Japanese, Font æ•°å°‘ãªã„æ¼¢å—ãŒä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ã®æ—¥æœ¬èªžFONTã‚’ã‚µãƒ ãƒã‚¤ãƒ«ä»˜ã§ç´¹ä»‹ã€‚ ä½¿ç”¨ã™ã‚‹å ´åˆã¯å„ãƒšãƒ¼ã‚¸ã®åˆ©ç”¨è¦ç´„ã«æ·»ã£ã¦ã”åˆ©ç”¨ä¸‹ã•ã„ã€‚ ãƒ¢ãƒˆãƒ¤ -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ä¼šå“¡ç™»éŒ²ãŒå¿…è¦ã§ã™ã€‚ Holiday MDJP02 -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ã‚ãƒ£ãƒ‘ãƒ‹ãƒˆãƒ»ã‚¢ãƒ‹ãƒˆãƒ»ã‚»ãƒ—ãƒ†ãƒ³ãƒãƒ¼ãƒ»ã‚ã‚‰ã‚Œãƒ»ãˆã‚ŒãŒã‚“ã¨ãƒ»æ±ããšã‚Œ -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ä¼šå“¡ç™»éŒ²ãŒå¿…è¦ã§ã™ã€‚ åˆ‡ã‚Šæ–‡å— -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ãƒ¢ãƒ•å— -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ S2Gã‚·ãƒªãƒ¼ã‚º -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ã‚ãã‚ãƒ•ã‚©ãƒ³ãƒˆ -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ã—ããã‚ƒã·ã—ã‚‡ã‚“ -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ã˜ã‚ƒã½ããã™ -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ã‚ãšããƒ•ã‚©ãƒ³ãƒˆ ã†ãšã‚‰ãƒ•ã‚©ãƒ³ãƒˆ æ€¨éœŠãƒ•ã‚©ãƒ³ãƒˆ -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ã‚ã‚“ãšã‚‚ã˜ -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ãˆã‚‹ã¾ãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ -ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ ã‚¦ãƒŠã‚ªã‚¸ãƒ£ãƒãƒ³ãƒ»éž¦éŸ†å ‚ãƒ•ã‚©ãƒ³ãƒˆãƒ»æ˜å’ŒãƒŽã‚¹ã‚¿ãƒ«
sujii 2008/02/16
font

ãƒ•ã‚©ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
http://blanka.co.uk/50_years_of_helvetica/
sujii 2007/07/29
font

helvetica

design
ãƒªãƒ³ã‚¯
Vitaly Friedman's Notebook: 25 Best Free Quality Fonts
sujii 2007/07/17
font

design

free

ãƒ•ã‚©ãƒ³ãƒˆ

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

design

font

interview

typography

ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼

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

ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£

ãƒ•ã‚©ãƒ³ãƒˆ

èªã¿ç‰©
ãƒªãƒ³ã‚¯
Emacsã§ãã‚Œã„ãªæ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã„ãŸã„ã€è§£æ±ºç·¨ã€‘
å¤šãã®äººã®ã‚µãƒãƒ¼ãƒˆãŒã‚ã‚Šã€ã¤ã„ã«è§£æ±ºã—ã¾ã—ãŸã€‚ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’ä¸‹ã•ã£ãŸçš†æ§˜ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ çµå±€ã²ã’ã½ã‚“ãŒXã‚„ãƒ•ã‚©ãƒ³ãƒˆå‘¨ã‚Šã®ä»•çµ„ã¿ã‚’ä¸€åˆ‡ç†è§£ã—ã¦ã„ãªã‹ã£ãŸã“ã¨ãŒåŽŸå› ã§ã¯ã¾ã£ã¦ã„ãŸã¨ã„ã†ã‚ªãƒã§ã—ãŸã€‚ ãŸã åŒã˜ã‚ˆã†ã«ã¯ã¾ã‚‹äººã¯ã„ã‚‹ã¨æ€ã†ã®ã§ã§ãã‚‹ã ã‘è©³ã—ãæ›¸ã„ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ å®Ÿç¾ã—ãŸã‹ã£ãŸã“ã¨ã¨çµŒç·¯ coLinuxã®ubuntuã‚’ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã—ã¦cygwinã®XWin.exeã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç’°å¢ƒã®åˆ©ç”¨ã‚’ã¯ã˜ã‚ãŸã€‚ ãã®éš›ã«emacsã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆãŒã¨ã¦ã‚‚ä¸æ°å¥½ã§ã©ã†ã«ã‹ã—ãŸã„ã¨æ€ã£ãŸã€‚ ãã“ã§ä»¥ä¸‹ã®ã‚ˆã†ã«ãƒ•ã‚©ãƒ³ãƒˆã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã€‚ apt-get install ttf-sazanami-gothic apt-get install ipafont apt-get install xfonts-shinonome ã§ã€.Xdefaultsã«ä½¿ç”¨ã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’æ›¸ã‘ã°ã‚ˆã„ã‚‰ã—ã„ã¨ã„ã†ã“
sujii 2006/03/16
emacs

font

linux

ubuntu

x11

unix
ãƒªãƒ³ã‚¯
1