[B! web fonts] cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cyokodog id:cyokodog

web fontsã«é–¢ã™ã‚‹cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

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
cyokodog 2015/01/26
icon

web fonts
ãƒªãƒ³ã‚¯
Webãƒ•ã‚©ãƒ³ãƒˆã®CSSæŒ‡å®š2014å¹´åº¦ç‰ˆã¨ã“ã‚Œã¾ã§ã®æ©ã¿
æ¯”ã¹ã‚‹ã€‚ WEBCRE8.jpã¨ãã®ä»²é–“é”ã§ã€webåˆ¶ä½œã«ãŠã‘ã‚‹ã€Œé¸æŠžã€ã« ãŠã„ã¦æœ€è‰¯ã ã¨æ€ã‚ã‚Œã‚‹ã‚‚ã®ã‚’è€ƒå¯Ÿã—ã¦ã„ãã‚«ãƒ†ã‚´ãƒªã§ã™ã€‚ æœ€è¿‘Webãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦è‰²ã€…èª¿ã¹ãŸã®ã§ã€ã“ã‚Œã¾ã§ã®çµŒç·¯ã‚„ãƒ¡ã‚¸ãƒ£ãƒ¼ã©ã“ã‚ã®è¨˜æ³•ã‚’è¸ã¾ãˆã¤ã¤è‰¯ã„æ›¸ãæ–¹ã‚’æŽ¢ã£ãŸçµæžœã‚’å…±æœ‰ã—ã¦ãŠãã¾ã™ï¼ç§è‡ªèº«ã¯ã¾ã å®Ÿå‹™ã§ç©æ¥µçš„ã«ä½¿ã£ã¦ã„ã‚‹ã‚ã‘ã˜ã‚ƒãªã„ã‚“ã§ã™ãŒâ€¦(ã§ã‚‚ã¼ã¡ã¼ã¡ä½¿ã£ã¦ã¾ã™)ã€‚è¶³ã‚Šãªã„éƒ¨åˆ†ã‚‚ã‚ã‚‹ã¨æ€ã†ã‚“ã§ä½•ã‹æŒ‡æ‘˜ãŒã‚ã£ãŸã‚‰ãŒã‚“ãŒã‚“ãƒ„ãƒƒã‚³ã‚“ã§ãã ã•ã„w @font-faceãƒ«ãƒ¼ãƒ« @font-faceãƒ«ãƒ¼ãƒ«ã¯ã€Webãƒ•ã‚©ãƒ³ãƒˆã®åç§°ã¨èªã¿è¾¼ã‚€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–¢é€£ã¥ã‘ã‚‹@ãƒ«ãƒ¼ãƒ«ã®ä¸€ã¤ã§ã™ã€‚ãã®ä»–ã€ã©ã®ã‚¦ã‚§ã‚¤ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã«å¯¾å¿œã™ã‚‹ã‹ã‚‚æŒ‡å®šã§ãã¾ã™ã€‚ ã—ã‹ã—Webãƒ•ã‚©ãƒ³ãƒˆã®æ‰±ã„ã¯ãƒ–ãƒ©ã‚¦ã‚¶å´ã®ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®å¯¾å¿œçŠ¶æ³ã€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«è‡ªä½“ã®é€²åŒ–ã«ã‚ˆã£ã¦å¤‰é·ã—ã¦ãã¾ã—ãŸã€‚ Bulletproof Syntax ã“ã‚Œã¾ã§Webãƒ•ã‚©
cyokodog 2014/05/22
web fonts
ãƒªãƒ³ã‚¯
Twitter Bootstrap ä»˜å±žã®ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚ˆã‚Š Font Awesome - present
Twitter Bootstrap ãŒæä¾›ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã¯ã€ ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã ã‹ã‚‰æ‹¡å¤§ã™ã‚‹ã¨è¦‹è‹¦ã—ã„ã—ã€ è‰²ã‚‚é»’ã¨ç™½ã®2è‰²ã—ã‹ãªã„ã®ã§ã€ ãƒ†ãƒ¼ãƒžã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹å ´åˆã®ä½¿ã„å‹æ‰‹ãŒã‚¤ãƒžã‚¤ãƒã€‚ ãã“ã§æœ€è¿‘ã€Web ãƒ•ã‚©ãƒ³ãƒˆå½¢å¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã€ŽFont Awesomeã€ã‚’ä½¿ã„å§‹ã‚ãŸã€‚ Font Awesome, the iconic font designed for use with Twitter Bootstrap Bootstrap ãƒ©ã‚¤ã‚¯ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒã€ãªã‚“ã¨ 249 å€‹ã€‚ Bootstrap ãŒæä¾›ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã¨åŒã˜ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€ å…¨éƒ¨ãƒ•ã‚©ãƒ³ãƒˆã§ç½®ãæ›ãˆã‚‰ã‚Œã‚‹ã€‚ ã¨ã„ã†ã‹ã€icon-* ç³»ã®ã‚¯ãƒ©ã‚¹ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ãŸã‚‚ã®ã«ä¸Šæ›¸ãã•ã‚Œã¦ã—ã¾ã†ã‚“ã ã‘ã©ã€‚ ãƒ•ã‚©ãƒ³ãƒˆãªã®ã§æ‹¡å¤§ã—ã¦ã‚‚ç²—ããªã‚‰ãªã„ã—ã€CSS ã§è‰²ã‚‚å¤‰æ›´ã§ãã‚‹ã€‚ Rails ã§ä½¿ã†ãªã‚‰ã€font-awe
cyokodog 2013/04/09
bootstrap

web fonts
ãƒªãƒ³ã‚¯
æ±Žç”¨ã§ä½¿ãˆãã†ãªãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒGenericonsã€:phpspoté–‹ç™ºæ—¥èªŒ
Genericons - a free, GPL, flexible icon font for blogs! æ±Žç”¨ã§ä½¿ãˆãã†ãªãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒGenericonsã€ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚¢ã‚¤ã‚³ãƒ³ã‚„çŸ¢å°ãªã©ã®è¨˜å·ã‚¢ã‚¤ã‚³ãƒ³ç‰æ±Žç”¨çš„ãªç‰©ãŒã‚»ãƒƒãƒˆã«ãªã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã™ã£ãã‚Šãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³é›†ãŒæ ¼ç´ã•ã‚Œã¦ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆï¼‘ï¼ã¾ã¨ã‚ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’é¸ã‚“ã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒä½œã‚Œã‚‹ã€ŒIcoMoonã€ Webãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ä½¿ãˆã‚‹ãƒ”ã‚¯ãƒˆã‚°ãƒ©ãƒ ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€ŒMFG Labs icon setã€ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã§ç”Ÿæˆã§ãã‚‹ã€ŒFont Customã€ ãƒ”ã‚¯ãƒˆã‚°ãƒ©ãƒ ãŒç¾Žã—ã„ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ã‚©ãƒ³ãƒˆã‚¢ã‚¤ã‚³ãƒ³ã€ŒCONDENSEã€
cyokodog 2013/03/20
*service-icon

web fonts
ãƒªãƒ³ã‚¯
Add Icon Fonts to Text Links
2013å¹´3æœˆ25æ—¥ CSS CSS3ã‚’ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã§ã€ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã‚’ã‚‚ã†å°‘ã—è¯ã‚„ã‹ã«ï¼ç”»åƒã‚’ä½¿ã†ã¨æ¡ˆå¤–æ‰‹é–“ãŒã‹ã‹ã‚‹ãƒ†ã‚ã‚¹ãƒˆæ¨ªã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã€Webãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ã¦ç°¡å˜ã«è¡¨ç¤ºã•ã›ã¾ã—ã‚‡ã†ã€‚ä»Šå›žã¯ãƒªãƒ³ã‚¯å…ˆã‚„æ‹¡å¼µåã§ç•°ãªã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã¨ã¯ï¼Ÿ ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆ1æ–‡å—ã«1ã¤ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã®ç·ç§°ã§ã™ã€‚ã‚µãƒ¼ãƒãƒ¼ä¸Šã«ã‚ã‚‹ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã™ã‚‹ã€ŒWebãƒ•ã‚©ãƒ³ãƒˆã€ã®å¿œç”¨ã¨ã—ã¦ä½¿ã‚ã‚Œå§‹ã‚ã¾ã—ãŸã€‚ä»Šã¾ã§ã®ã‚ˆã†ãªç”»åƒã‚’ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ã¨ã¯é•ã„ã€ãƒ•ã‚©ãƒ³ãƒˆã¯ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ•ã‚¡ã‚¤ãƒ«ãªã®ã§ã€ã‚µã‚¤ã‚ºã‚’å¤§ããã—ã¦ã‚‚ã‚®ã‚¶ã‚®ã‚¶ã«è¦‹ãˆã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã¤ã¾ã‚ŠiPhoneã‚„iPadã¨ã„ã£ãŸé«˜è§£åƒåº¦ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§ã‚‚ã€åŠ£åŒ–ã™ã‚‹ã“ã¨ãªããã‚Œã„ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãŸã ã—ï¼ä½•ã‚‰ã‹ã®åŽŸå› ã§ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼
cyokodog 2013/03/19
web fonts
ãƒªãƒ³ã‚¯
éžBoostrapãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ä½¿ãˆã‚‹200ç¨®ã‚’è¶Šãˆã‚‹Web Fontã‚¢ã‚¤ã‚³ãƒ³é›†Â·Elusive icons MOONGIFT
Elusive Iconsã¯éžBootstrapã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆã‚‹Web Fontã‚’ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³é›†ã§ã™ã€‚ Bootstrapã®é…åŠ›ã®ä¸€ã¤ã«Webã‚µã‚¤ãƒˆæ§‹ç¯‰ã§ã‚ˆãä½¿ã‚ã‚Œã‚‹ã‚ˆã†ãªãƒ•ã‚©ãƒ³ãƒˆãŒäºˆã‚æä¾›ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ã•ã‚‰ã«ãã®ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ä½¿ã„å‹æ‰‹ã‚ˆãã—ã¦ãã‚Œã‚‹Web Fontã«ã‚ˆã‚‹Font Awesomeã‚‚ä¾¿åˆ©ã§ã™ã€‚ãã—ã¦Bootstrapä»¥å¤–ã®ã‚µã‚¤ãƒˆã§ã‚‚ä½¿ã„ãŸã„ã¨è€ƒãˆã‚‹æ–¹ã¯Elusive Iconsã‚’åˆ©ç”¨ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ Bootstrapæ¨™æº–ã®ã‚¢ã‚¤ã‚³ãƒ³ç›¸å½“ãŒã‚ã‚Šã¾ã™ã€‚ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ç³»ã‚¢ã‚¤ã‚³ãƒ³ã€‚ ä¸€èˆ¬çš„ãªãƒ¦ãƒ¼ã‚¶å‘ã‘ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚ Elusive Iconsã¯Bootstrapãƒ™ãƒ¼ã‚¹ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€ãã‚Œä»¥å¤–ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«æƒ³å®šã•ã‚Œã¦ã„ã¾ã™ã€‚IE7ä»¥ä¸Šã‹ã‚‰å¯¾å¿œãŒå¯èƒ½ã¨ã®ã“ã¨ã§ã™ã€‚217ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚ã‚Œã°ã€å¤§æŠµã®è£…é£¾ã«ã¯äº‹è¶³ã‚Šã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ Elus
cyokodog 2013/03/14
web fonts

bootstrap

*service
ãƒªãƒ³ã‚¯
ã€å¾Œç·¨ï¼šWebãƒ•ã‚©ãƒ³ãƒˆåŒ–ã€‘ã‚¢ã‚¤ã‚³ãƒ³ã‚’Webãƒ•ã‚©ãƒ³ãƒˆåŒ–ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã¨Retina Displayã«ä¸€ç™ºå¯¾å¿œ | DevelopersIO
ã¯ã˜ã‚ã« ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€é«˜é€ŸåŒ–ã‚„SCSSã®è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã‚‹é‡Žä¸ã§ã™ã€‚ å‰ã€Œã€å‰ç·¨ï¼šãƒ•ã‚©ãƒ³ãƒˆä½œæˆã€‘ã‚¢ã‚¤ã‚³ãƒ³ã‚’Webãƒ•ã‚©ãƒ³ãƒˆåŒ–ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã¨Retina Displayã«ä¸€ç™ºå¯¾å¿œã€ã¯ãƒžã‚¤ãƒ³ã‚¯ãƒ©ãƒ•ãƒˆãƒã‚¿ã§ãƒ•ã‚©ãƒ³ãƒˆã®ä½œæˆã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ä½œæˆã—ãŸãƒ•ã‚©ãƒ³ãƒˆã‚’Webãƒ•ã‚©ãƒ³ãƒˆåŒ–ã—ã¦èªã¿è¾¼ã‚“ã§ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å‰å›žä½œæˆã—ãŸåŒ é¡”ãƒ•ã‚©ãƒ³ãƒˆã¯ã“ã¡ã‚‰ Creeperãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ 1ï¼ŒWebãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ å°‘ã—å¤ã„ã§ã™ãŒè©³ã—ã„è§£èª¬ã¯ã“ã¡ã‚‰ã®è¨˜äº‹ã€ŒWebãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸã€ã‚’ã©ã†ãžã€‚ ä¸€éƒ¨æŠœãå‡ºã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 1.1ï¼ŒWebãƒ•ã‚©ãƒ³ãƒˆã¨ã¯ CSS2.1æ™‚ä»£ã€Webã‚µã‚¤ãƒˆä¸Šã§åˆ©ç”¨ã§ãã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã«é™ã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚Macã€Windows PCå…±é€šã®ãƒ•ã‚©ãƒ³ãƒˆã¯ç„¡ã„ãŸã‚ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¤§ããªåˆ¶ç´„ãŒã‚ã‚Šã¾ã—ãŸã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³
cyokodog 2013/03/11
web fonts
ãƒªãƒ³ã‚¯
ã€å‰ç·¨ï¼šãƒ•ã‚©ãƒ³ãƒˆä½œæˆã€‘ã‚¢ã‚¤ã‚³ãƒ³ã‚’Webãƒ•ã‚©ãƒ³ãƒˆåŒ–ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã¨Retina Displayã«ä¸€ç™ºå¯¾å¿œ | DevelopersIO
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€é«˜é€ŸåŒ–ã‚„SCSSã®è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã‚‹é‡Žä¸ã§ã™ã€‚ â†‘ã®çµµãŒä½•ã‹ã‚ã‹ã‚‹äººã„ã¾ã™ã‹ï¼Ÿ ãƒžã‚¤ãƒ³ã‚¯ãƒ©ãƒ•ãƒˆ(Minecraft)ç•Œéšˆã§ãŠãªã˜ã¿ã®æ„›ã•ã‚Œã‚ãƒ£ãƒ©ã€ŒåŒ ã€ã“ã¨ã€Œã‚¯ãƒªãƒ¼ãƒ‘ãƒ¼ã€ã•ã‚“ã§ã™ã€‚ ã¨ã£ã¦ã‚‚é•·ã„å‰æŒ¯ã‚Šãªã®ã§æ™‚é–“ã®ãªã„æ–¹ã¯æœ¬é¡Œã¾ã§ã™ã£é£›ã°ã—ã¦ãã ã•ã„ã€‚ ãƒžã‚¤ãƒ³ã‚¯ãƒ©ãƒ•ãƒˆã¨ã¯ ã‚ã‹ã‚Šã‚„ã™ãè§£èª¬ã•ã‚Œã¦ã„ã‚‹ãƒ‹ã‚³ãƒ‹ã‚³å¤§ç™¾ç§‘ã‚’å¼•ç”¨ã€‚ Minecraftï¼ˆãƒžã‚¤ãƒ³ã‚¯ãƒ©ãƒ•ãƒˆï¼‰ã¨ã¯ã€Notchï¼ˆMarkus Perssonæ°ï¼‰ã¨æ°ã®ä¼šç¤¾ã§ã‚ã‚‹Mojangã‹ã‚‰ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€ã‚µãƒ³ãƒ‰ãƒœãƒƒã‚¯ã‚¹åž‹ã®ã‚‚ã®ã¥ãã‚Šã‚²ãƒ¼ãƒ ã§ã‚ã‚‹ã€‚ ãƒ¬ãƒˆãƒã‚²ãƒ¼ã‚’æƒ³èµ·ã•ã›ã‚‹ãƒ‰ãƒƒãƒˆãƒ†ã‚¤ã‚¹ãƒˆã®3Dãƒ–ãƒãƒƒã‚¯ãŒæº¢ã‚Œã‚‹ä¸–ç•Œã§ã€å»ºç‰©ã‚„ãã®ä»–ã®ã‚‚ã®ã‚’è‡ªç”±ã«å‰µé€ ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚²ãƒ¼ãƒ ã€‚ å®¶ã‚’ä½œã£ãŸã‚Šã€å·ã‚’ä½œã£ãŸã‚Šã€å±±ã‚’ã¤ãã£ãŸã‚Šã€æ´žçªŸã‚’ä½œã£ãŸã‚Šã€ãƒˆãƒãƒƒã‚³å‘é“ã‚’ä½œã£ãŸã‚Šã€ã‚¾ãƒ³ãƒ“ã‚’å€’ã™ãŸã‚ã®ãƒˆãƒ©ãƒƒãƒ—ã‚’ä½œã£ãŸã‚Šã€å¡”ã‚’ä½œã£ãŸã‚Šã€è¾²å ´ã‚’ä½œã£ãŸã‚Šã€å¤©ç©ºã®åŸŽã‚’
cyokodog 2013/03/04
web fonts
ãƒªãƒ³ã‚¯
ã‚‚ã†ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã¯ã„ã‚‰ãªã„ï¼ Webãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ã¦ã€iOSé¢¨ã‚¿ãƒ–ãƒãƒ¼ã¨ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½œæˆã™ã‚‹æ–¹æ³•
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ æœ€è¿‘ã€ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚»ãƒƒãƒˆã•ã‚ŒãŸWebãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã†ã“ã¨ã§ã€ ç”»åƒã‚’ä½¿ã‚ãšã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã¨ã„ã†æ‰‹æ³•ãŒæµè¡Œã£ã¦ã„ã¾ã™ãã€‚ ã™ã”ãèˆˆå‘³ã¯ã‚ã£ãŸã®ã§ã™ãŒã€ãªã‹ãªã‹ä½¿ã†æ©Ÿä¼šã‚‚ãªãã€ ä¾¿åˆ©ãã†ã ãªã¨æ€ã£ã¦ã„ãŸã ã‘ã§ã€ä»Šã¾ã§ä½¿ã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ã€å…ˆæ—¥ã€ã¨ã‚ã‚‹æ¡ˆä»¶ã§ã‚„ã£ã¨ä½¿ã†æ©Ÿä¼šã«æµã¾ã‚ŒãŸã®ã§ã€ã‚„ã‚Šæ–¹ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ (ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã ã‘ä½œã£ã¦ã€çµå±€ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦ã¯ä½¿ã„ã¾ã›ã‚“ã§ã—ãŸãŒãƒ»ãƒ»ãƒ») æœ€è¿‘è©±é¡Œã«ãªã£ã¦ã„ãŸã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆãŒã¨ã¦ã‚‚ä¾¿åˆ©ã§ã™ã€‚ Fontello - http://fontello.com/ ä½¿ã„ãŸã„ãƒ•ã‚©ãƒ³ãƒˆã‚’é¸æŠžã—ã¾ã™ã€‚ ã“ã“ã§ã¯ã€ã€ŒEntypoã€ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰5ã¤é¸æŠžã—ã¾ã™ã€‚ é¸æŠžãŒçµ‚ã‚ã£ãŸã‚‰ã€ä¸Šéƒ¨ã®ã‚¿ãƒ–ã‹ã‚‰ã€ŒEdit codesã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã®ä¸Šéƒ¨ã®ãƒãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€ã‚¢ã‚¤ã‚³ãƒ³ã«å‰²ã‚Šå½“ã¦ã‚‹æ–‡å—åˆ—ã‚’æ±ºã‚ã¾ã™ã€‚ è‹±èªžã§é
cyokodog 2012/07/11
web fonts
ãƒªãƒ³ã‚¯
ç”»åƒã‚¢ã‚¤ã‚³ãƒ³ã¯ã‚‚ã†å¤ã„ï¼CSSã§ã‚¹ã‚¿ã‚¤ãƒ«è‡ªç”±è‡ªåœ¨ã®ã‚¢ã‚¤ã‚³ãƒ³Webãƒ•ã‚©ãƒ³ãƒˆ
Font Awesome, the iconic... / Foundation Icons Fonts -... / Typiconsä»–...å…¨5ä»¶
cyokodog 2012/06/27
web fonts

*service-icon
ãƒªãƒ³ã‚¯
æ„å¤–ã¨çŸ¥ã‚‰ãªã„ï¼Ÿã‚¢ã‚¤ã‚³ãƒ³ã¯Webãƒ•ã‚©ãƒ³ãƒˆã§ã¤ãã‚‹ã¨ã“ã‚“ãªã«ä¾¿åˆ©ï¼
Webãƒ•ã‚©ãƒ³ãƒˆã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã¤ãã‚ã†ï¼ ã‚†ã¨ã‚Šã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®ã»ã‚“ã ã§ã™ã€‚ æœ€è¿‘ã€Webãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ç”¨ã™ã‚‹ä»•äº‹ã«å¤šãæºã‚ã£ãŸé–¢ä¿‚ã§ã€ Webãƒ•ã‚©ãƒ³ãƒˆã‚’æœ‰åŠ¹æ´»ç”¨ã—ãŸã‚‚ã®ã™ã£ã”ãç´ æ•µãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ–¹æ³•ã«æ°—ã¥ãã¾ã—ãŸã€‚ ãšã°ã‚Šã€ã‚¢ã‚¤ã‚³ãƒ³ã‚„ã¡ã‚‡ã£ã¨ã—ãŸã‚¤ãƒ©ã‚¹ãƒˆã‚’Webãƒ•ã‚©ãƒ³ãƒˆã§ä½œæˆã™ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ï¼ˆä»¥ä¸‹ã®ãƒ‡ãƒ¢ã¯Google Chromeãªã©ã€ãƒ¢ãƒ€ãƒ³ãªãƒ–ãƒ©ã‚¦ã‚¶æŽ¨å¥¨ã§ã™ã€‚ï¼‰ jsdo.it ã®ã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ç”¨ã™ã‚‹ - jsdo.it - share JavaScript, HTML5 and CSS ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½œæˆã™ã‚‹ã ã‘ã ã¨ã€ã‚ã¾ã‚Šæ–°é®®ã•ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ CSS3æ™‚ä»£ã®ã„ã¾ã€ã“ã‚Œã¯ã¨ã£ã¦ã‚‚æœ‰åŠ¹ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ–¹æ³•ã¨ãªã£ã¦ã„ã¾ã™ã€‚ è©³ã—ãã¯ã€ã¤ã¥ãã‹ã‚‰ã©ã†ãžï¼ è‰²ã‚’ã¤ã‘ã‚‹ ãƒ•ã‚©ãƒ³ãƒˆãªã®ã§CSSã€Œcolor:ã€ã§æŒ‡å®šã™ã‚‹ã ã‘ã§è‰²ã‚’ã¤ã‘ã‚‰ã‚Œã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«è‰²ã‚’å¤‰æ›´ã™ã‚‹ã®ã‚‚ã€C
cyokodog 2012/02/29
****ã‚ã¨ã§ã¿ã‚‹

web fonts
ãƒªãƒ³ã‚¯
Webãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã™ã‚‹éš›ã«çŸ¥ã£ã¦ãŠãã¨å½¹ç«‹ã¡ãã†ãªTipsã¨ã‹ã‚µã‚¤ãƒˆã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
Webãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã—ã¦èª¿ã¹ç‰©ã‚’ã—ãŸã®ã§ å€‹äººçš„ãªãƒ¡ãƒ¢ã€‚å°‘ã—åˆ©ç”¨é »åº¦ãŒã‚ãŒã£ã¦ æ¥ãŸã®ã§æŽ¢ã—ã‚„ã™ã„ã‚ˆã†ã«ã¾ã¨ã‚ã¦ãŠã ã¾ã™ã€‚ã¾ã ã¡ã‚‡ã£ã¨ä½¿ã„æ…£ã‚Œã¦ãªã„ã®ã§ ã‚‚ã†å°‘ã—å‹‰å¼·ã—ãªã„ã¨ãƒ€ãƒ¡ã§ã™ããƒ»ãƒ» ã‚¹ãƒžãƒ•ã‚©å‘ã‘ã®ãƒªã‚½ãƒ¼ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§Webãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã™ã‚‹ãƒ¡ãƒ¢ã§ã™ã€‚ä»¥å‰è§¦ã‚Šã ã‘ã—ã‹æ›¸ã‹ãªã‹ã£ãŸã®ã§ã‚‚ã†å°‘ã—æ·±ãèª¿ã¹ã¦ãŠã“ã†ã¨æ€ã„è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ã®ã§ã€éŽåŽ»ã®è¨˜äº‹ã¨çµæ§‹é‡è¤‡ã—ã¾ã™ã€‚ æœ€ä½Žé™ã®çŸ¥è˜ æœ€ä½Žé™ã‹ã©ã†ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ã‘ã©ï½—ã€€å°‘ã—ä¸æ˜Žçžãªç‚¹ã‚‚ã‚ã‚Šã¾ã™ã®ã§é–“é•ã„ãŒã‚ã‚Œã°ã”æŒ‡æ‘˜é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ ã¾ãšãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã™ãŒã€é€šå¸¸ã€Webãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã«ã¯å½“ç„¶ãƒ•ã‚©ãƒ³ãƒˆã®è‘—ä½œè€…æ¬¡ç¬¬ã«ãªã‚Šã¾ã™ã€‚ Webãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ä½¿ã†ã«ã¯ã‚µãƒ¼ãƒãƒ¼ã«ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦cssã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘ã‚¹ã‚’æŒ‡å®šã—ã¦åˆ©ç”¨ã™ã‚‹ã®ã§ã€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒèª°ã§ã‚‚æ‰‹ã«å…¥ã‚Œã‚‰ã‚Œã¦ã—ã¾ã†äº‹ã«ãªã‚Šã¾ã™ã€‚ï¼ˆã‚¢ã‚¤ã‚³ãƒ³ãªã‚“
cyokodog 2011/12/22
web fonts
ãƒªãƒ³ã‚¯
Google Web Fontsã‹ã‚‰å¥½ããªãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ã¦ã¿ã‚ˆã†
ç’°å¢ƒãŒæ•´ã£ã¦ããŸWeb Fontsã‚µãƒ¼ãƒ“ã‚¹ Web Fontsã‚’åˆ©ç”¨ã™ã‚‹ç’°å¢ƒã¯æ•´ã£ã¦ãã¾ã—ãŸã€‚å‰ã€…å›žï¼ˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã›ãšã«ã€å¥½ããªWeb Fontsã‚’ä½¿ãŠã† â”€ ï¼ ITï¼‰ã¯Web Fontsã®æ´å²ã‚’ã€å‰å›žï¼ˆå¥½ã¿ã®Web FontsãŒä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ã‚’æŽ¢ãã† â”€ ï¼ ITï¼‰ã¯ãƒ•ã‚©ãƒ³ãƒˆæä¾›ã‚µãƒ¼ãƒ“ã‚¹ã¨ã€Web Fontsã‚’åˆ©ç”¨ã™ã‚‹ä¸Šã§ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯Google Web Fontsã®ä½¿ã„æ–¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Google Web Fontsã¯ä»–ã®ãƒ•ã‚©ãƒ³ãƒˆæä¾›ã‚µãƒ¼ãƒ“ã‚¹ã¨æ¯”è¼ƒã—ã¦ã€ã¨ã¦ã‚‚ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ã‚¢ã‚«ã‚¦ãƒ³ãƒˆç™»éŒ²ã‚‚ä¸è¦ã§ã€ã™ã¹ã¦ã®ãƒ•ã‚©ãƒ³ãƒˆãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ç¬¬1å›žã®è¨˜äº‹ã§ã¯ç°¡å˜ãªç´¹ä»‹ã ã‘ã§ã—ãŸãŒã€ä»Šå›žã¯Web Fontsã®ä½¿ã„æ–¹ã‚„ã€å¤šãã®ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰æ°—ã«å…¥ã£ãŸãƒ•ã‚©ãƒ³ãƒˆã‚’é¸ã¶æ–¹æ³•ãªã©è©³ã—ãè§£èª¬ã—ã¾ã™ã€‚ åŸºæœ¬çš„ãªä½¿ã„æ–¹ Google Web Fontsã¯ä»¥ä¸‹ã®3ã¤
cyokodog 2011/12/14
*service-font

*service-api

web fonts

googeWebFonts

****ã‚ã¨ã§ã¿ã‚‹
ãƒªãƒ³ã‚¯
Loading...
cyokodog 2011/11/16
css3

web fonts
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã›ãšã«ã€å¥½ããªWeb Fontsã‚’ä½¿ãŠã†
WebFontsã¨ã¯ WebFontsã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€Webä¸Šã«ã‚ã‚‹ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã§ãã¾ã™ã€‚ã“ã‚Œã¾ã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆPCã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã®ã¿ãŒåˆ©ç”¨ã§ãã¾ã—ãŸãŒã€WebFontsã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãªã„ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã¯Google Web Fontsã§æä¾›ã•ã‚Œã‚‹WebFontsã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã¯ IE 9ï¼Firefox 6ï¼Chrome 12ï¼Opera 11.5ï¼Safari 5.1 ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã§ã™ã€‚ ã“ã®ã‚ˆã†ã«WebFontsã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€ã•ã¾ã–ã¾ãªãƒ•ã‚©ãƒ³ãƒˆã«ã‚ˆã‚‹è¡¨ç¤ºã‚„è¡¨ç¾ãŒã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ•ã‚©ãƒ³ãƒˆã«ã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ã‚µãƒ¼ãƒã«ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ ¼ç´ã™ã‚‹å ´åˆã¯ã€å†é ’å¸ƒã«è©²å½“ã™ã‚‹ãŸã‚ã€æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ãƒ•ã‚©ãƒ³ãƒˆæä¾›ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã†å ´åˆã‚‚ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã—ã£ã‹ã‚Šç¢ºèªã—ãŸã ã—
cyokodog 2011/09/29
*service-font

web fonts
ãƒªãƒ³ã‚¯
1