Making the web more beautiful, fast, and open through great typography
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
アイコン型WebフォントをCSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸãƒœã‚¿ãƒ³10個
アイコン型WebフォントをCSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ãƒœã‚¿ãƒ³ã‚’ã„ã‚ã„ã‚作ã£ã¦ã¿ã¾ã—ãŸã€‚よãä¼¼ãŸè¨˜äº‹ã‚’書ã„ãŸã“ã¨ãŒã‚ã‚‹æ°—ã‚‚ã—ã¾ã™ãŒã€ä»Šå›žã¯ãƒ•ãƒ©ãƒƒãƒˆãªæ„Ÿã˜ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã¾ãšã“ã¡ã‚‰ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> ã“ã‚Œã§æº–å‚™ã¯ã‚ªãƒƒã‚±ãƒ¼ã§ã™ã®ã§ï¼‘ã¤ãšã¤è§£èª¬ã—ã¾ã™ã€‚ 1. アイコンã®ã¿ 無駄ãªè£…飾ã¯ã›ãšã€æ™®é€šã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’並ã¹ã‚‹ã ã‘ã§ã™ã€‚ã“ã†ã„ã†ã®ã‚‚æ„外ã¨å¤šã„ã§ã™ã。 <div id="social-icon"> <a href="#"><i class="fa fa-facebook fa-2x"></i></a> <a href="#"><i class="fa fa-twitter fa-2x"></i
HTTPリクエストを減らã™ãŸã‚ã«ã€WebFont編】ドラッグ＆ドãƒãƒƒãƒ—ã—ã¦ã‚³ãƒžãƒ³ãƒ‰å©ã„ã¦ã‚¦ã‚§ãƒ¼ã‚¤ - MOL
ã“ã®ã‚·ãƒªãƒ¼ã‚ºã¯HTTPリクエストã®ç†è§£ã‚’通ã˜ã¦Webパフォーマンスã®é‡è¦æ€§ã«ã¤ã„ã¦è€ƒãˆã‚‹5ç« æ§‹æˆã«ãªã£ã¦ã„る。 ã€åºç« 】HTTPリクエストã¯ç”˜ãˆ ã€CSS Sprite編】スプライト地ç„ã‹ã‚‰ã®è§£æ”¾ ã€WebFont編】ドラッグ＆ドãƒãƒƒãƒ—ã—ã¦ã‚³ãƒžãƒ³ãƒ‰å©ã„ã¦ã‚¦ã‚§ãƒ¼ã‚¤ ã€DataURI編】é…延ãƒãƒ¼ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ–ãƒãƒƒã‚¯ã‚’å›žé¿ ã€çµ‚ç« ã€‘æˆ‘ã€…ã«ã¯1000msã®çŒ¶äºˆã—ã‹æ®‹ã•ã‚Œã¦ã„ãªã„ 3日目ã¯ã€ã‚¹ãƒžãƒ›ç’°å¢ƒã§ã‚ã‚Œã°HTTPリクエストを減らã™ãŸã‚ã«Webフォントã®æŽ¡ç”¨ã‚’考慮ã—ã¦ã‚‚ã€ã‚„ã¶ã•ã‹ã§ã¯ãªã„ã ã‚ã†ã€‚ ã¾ãšã¯ä¸‹è¨˜ã®ç”»åƒã‚’ã”è¦§é ‚ããŸã„。 ã“ã‚Œã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ç§ãŒä½¿ç”¨ã—ã¦ã„ãŸã‚¹ãƒ—ライト画åƒã ãŒï¼ˆå®Ÿéš›ã¯ç¸¦ã«ã—ã¦ä½¿ç”¨ï¼‰ã€ã“ã®ã‚ˆã†ãªå˜ç´”ãªå½¢çŠ¶ã€å˜è‰²ã®ã‚¢ã‚¤ã‚³ãƒ³ã§ã‚ã‚Œã°ã€Webフォント化ã—ãŸã»ã†ãŒãªã«ã‹ã¨éƒ½åˆãŒã‚ˆã„。 ã“ã®ã‚¹ãƒ—ライトã§ã‚ã‚Œã°ã€ã‚«ãƒ©ãƒ¼ × 矢å°ã®å‘ã × シャドウã®æœ‰ç„¡ パターンã®å¯èƒ½æ€§ãŒã‚ã‚Šã€ã‚¹ãƒ—
デザイナーãªã‚‰çŸ¥ã£ã¦ãŠã‹ãªã„ã¨æã™ã‚‹GoogleWebフォント特é¸10個 | Find Job ! Startup
ç¾åœ¨ã€æ¬§æ–‡ã‚’ä¸å¿ƒã«600以上ã®æ›¸ä½“ãŒé¸ã¹ã‚‹GoogleWebフォント。ã“ã‚Œã ã‘æ•°ãŒå¤šã„ã¨ã€ã©ã‚Œã‚’é¸ã¹ã°ã„ã„ã®ã‹æ—¥æœ¬äººã®ç§ãŸã¡ã«ã¯ã‚ˆã分ã‹ã‚Šã¾ã›ã‚“。 今回ã¯ã€å…¨ä¸–ç•Œã§æœ€ã‚‚使ã‚ã‚Œã¦ã„る人気ã®GoogleWebフォントを10個厳é¸ã—ã¦ãŠå±Šã‘ã—ã¾ã™ã€‚海外å‘ã‘ã®ã‚µã‚¤ãƒˆã‚’作る際ã«ã¯ãƒã‚ºã›ãªã„ã€æ—¥æœ¬å‘ã‘サイトを作る際ã«ã‚‚アクセントã¨ã—ã¦ä½¿ã„ãŸã„ã€ã¨ã£ã¦ãŠãã®GoogleWebフォントを集ã‚ã¾ã—ãŸã€‚ GoogleWebフォントを使ã†ãƒ¡ãƒªãƒƒãƒˆ GoogleWebフォントを使ã†ã¨ã€ã“ã‚“ãªã«ã‚‚ãŸãã•ã‚“ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ SEO対ç–ã«ãªã‚‹ ä¿®æ£ãŒç°¡å˜ã«è¡Œãˆã‚‹ é¸æŠžã—ã¦ã‚³ãƒ”ペã§ãã‚‹ 拡大縮å°ãƒ»é«˜è§£åƒåº¦ç”»é¢ï¼ˆRetina Displayãªã©ï¼‰ã§ã‚‚ボケãªã„ 使ã‚ãªã„手ã¯ã‚ã‚Šã¾ã›ã‚“。 GoogleWebフォントã®ä½¿ã„æ–¹ 使ã„æ–¹ã«é–¢ã—ã¦ã¯ã€OZPAã•ã‚“ã®ãƒ–ãƒã‚°ãŒè©³ã—ã„ã§ã™ã€‚å‚考ã«ã—ã¾ã—ょã†ã€‚ 今ã•ã‚‰ãªãŒã‚‰We
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}