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
Fireworks ã§æˆ¦å›½æ¦å°†ã®å®¶ç´‹ã‚’作ã£ã¦ SVG 㪠Web Font ã«å¤‰æ›ã—ã¦ã¿ã‚‹ - æ´å²é›‘談録
{{#tags}}- {{label}}
{{/tags}}