[B! font] yoshi-nkymaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yoshi-nkyma id:yoshi-nkyma

fontã«é–¢ã™ã‚‹yoshi-nkymaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{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 ãƒ•ã‚©ãƒ³ãƒˆ20å€‹ã¾ã¨ã‚ä»˜
ã€Œæ•°å—ã€ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’å½“ã¦ã€æ›¸ä½“ã®é¸ã³ã‹ãŸã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç§˜è¨£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å¦ã³ãªãŒã‚‰ã€å®Ÿéš›ã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆç´ æ20å€‹ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ æ•°å—ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸ã¶ã¨ãã®åŽŸå‰‡äº‹é … è‘—è€… Samantha Zhang ã®åƒã Graphiq ã§ã¯ã€ãƒ‡ãƒ¼ã‚¿è¡¨ã‚„ãƒãƒ£ãƒ¼ãƒˆã€ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ã‚¯ã‚¹ãªã©ã€ç´°ã‹ã„æ•°å—ã‚’ã„ã¤ã‚‚ãŸãã•ã‚“æ‰±ã£ã¦ã„ã¾ã™ã€‚ãƒ‡ãƒ¼ã‚¿ã®è¦–è¦šåŒ–ã§ã¯ã€ ã»ã¨ã‚“ã©ã®ãƒ‡ãƒ¼ã‚¿ã§ Helveticaï¼ˆãƒ˜ãƒ«ãƒ™ãƒã‚«ï¼‰æ›¸ä½“ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ãŒã€ãƒ•ã‚©ãƒ³ãƒˆã‚’é¸ã¶ã¨ãã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒã„ãã¤ã‚ã‚Šã¾ã™ã€‚ 1. ãƒ©ã‚¤ãƒ‹ãƒ³ã‚°ã¨ç‰å¹…ãƒ©ã‚¤ãƒ‹ãƒ³ã‚°æ•°å—ã‚’é¸ã¼ã†ã€‚ ã¾ãšã‚ˆã„æ•°å—ãƒ•ã‚©ãƒ³ãƒˆã‚’é¸ã¶ã‚³ãƒ„ã¨ã—ã¦ã€ãƒ©ã‚¤ãƒ‹ãƒ³ã‚°ã¾ãŸã¯ç‰å¹…ãƒ©ã‚¤ãƒ‹ãƒ³ã‚°æ•°å—ã‹ã©ã†ã‹ç¢ºèªã—ã¾ã—ã‚‡ã†ã€‚ ãƒ©ã‚¤ãƒ‹ãƒ³ã‚°æ•°å—ï¼ˆè‹±: Liningã€€Figuresï¼‰ã¨ã¯ã€ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ï¼ˆè‹±: Base Lineï¼‰ã¨ã‚ãƒ£ãƒƒãƒ—ãƒ»ãƒã‚¤ãƒˆï¼ˆè‹±: Cap Heightï¼‰ã®é«˜ã•ãŒæƒã£ã¦ã„ã‚‹ã“ã¨ã‚’æŒ‡
yoshi-nkyma 2016/09/09
ã‚ã¨ã§èªã‚€

font
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é“å…·ç®± | ç¬¬1å›ž Font Awesomeã®æ¦‚è¦
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é“å…·ç®± ç¬¬1å›ž Font Awesomeã®æ¦‚è¦ ã“ã®è¨˜äº‹ã§ã¯ã€ã•ã¾ã–ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã«ã¾ã¨ã‚ãŸFont Awesomeã‚’ç´¹ä»‹ã—ã¾ã™ã€‚å¤šç«¯æœ«å¯¾å¿œã€Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å‘ä¸Šã«ã€ã‚¢ãƒ‰ãƒãƒ³ãƒ†ãƒ¼ã‚¸ã‚’æŒã¤æŠ€è¡“ã§ã™ã€‚ Font Awesomeã¨ã¯ Font Awesome*ã¯ã€ä½¿ã„å‹æ‰‹ã®ã‚ˆã„ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã«ã—ã¦å…¬é–‹ã—ã¦ã„ã‚‹ã‚¢ã‚¤ã‚³ãƒ³é›†ã§ã™ã€‚Webã§ä½¿ç”¨ã™ã‚‹éš›ã¯ã€CSSã®classã§ç‰¹å®šã®ãƒ•ã‚©ãƒ³ãƒˆï¼ˆã‚¢ã‚¤ã‚³ãƒ³ï¼‰ã‚’æŒ‡å®šã—ã€ãã‚Œã‚’å…ƒã«ãƒ•ã‚©ãƒ³ãƒˆãƒ‡ãƒ¼ã‚¿ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¨ã„ã†ä»•çµ„ã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ *æ³¨ï¼šFont Awesomeã®é–‹ç™º Font Awesomeã®é–‹ç™ºã¯GitHubä¸Šã§è¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ç±³ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ç¤¾ãŒæä¾›ã—ã¦ã„ã‚‹UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBootstrapã€ã®ãŸã‚ã«ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã€ã™ã§ã«ã”å˜ã˜ã®æ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ SIL OFL 1.1ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™
yoshi-nkyma 2016/08/09
*code

CSS

font
ãƒªãƒ³ã‚¯
æ¥½ã—ã¦ä¾¿åˆ©ï¼Webã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŽFont Awesomeã€ã®ä½¿ã„æ–¹ã¨æ´»ç”¨ Tips
ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ä½•åº¦ã‹ç´°ã€…ç™»å ´ã—ã¦ããŸã‚¢ã‚¤ã‚³ãƒ³Webãƒ•ã‚©ãƒ³ãƒˆã® Font Awesomeã€‚ä½¿ã„æ–¹ã®åŸºæœ¬ã‚’çŸ¥ã£ã¦ã„ã‚‹ã“ã¨ã§ã€åˆ©ç”¨ã§ãã‚‹å¹…ãŒã‹ãªã‚ŠåºƒãŒã‚‹ã®ã§ã€ä»Šæ—¥ã¯ãã®ä½¿ã„æ–¹ã®ã¨æ´»ç”¨ã®ãŸã‚ã® Tips ã‚’å¹¾ã¤ã‹æ›¸ã„ã¦ãŠãã¾ã™ã€‚ Font Awesome, the iconic font designed for Bootstrap â€» ãªãŠã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³4.0.3ã‚’ã‚‚ã¨ã«æ›¸ã„ã¦ã„ã‚‹ãŸã‚ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ã‚ˆã£ã¦ã€æŽ²è¼‰ã—ã¦ã„ã‚‹ã‚³ãƒ¼ãƒ‰ã‚‚å¤‰ã‚ã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚åˆ©ç”¨å‰ã«ã€ä½¿ã†ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç¢ºèªã—ã¦ã‹ã‚‰ä½¿ã†ã“ã¨ã‚’ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ Font Awesome ã¨ã¯ï¼ŸFont Awesome ã¯ ã‚µã‚¤ãƒˆä¸Šã§ä½¿ã‚ã‚Œã‚‹ã‚ˆã†ãªã•ã¾ã–ã¾ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’ Webãƒ•ã‚©ãƒ³ãƒˆ ã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã‚‚ã®ã§ã™ã€‚ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ãŸã‚ã€ã‚µã‚¤ã‚ºã‚„è‰²ãªã©ã™ã¹ã¦ CSS ã§èª¿æ•´ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ã
yoshi-nkyma 2016/08/09
*code

CSS

font
ãƒªãƒ³ã‚¯
A Comprehensive Guide to Font Loading Strategiesâ€”zachleat.com
This guide is not intended for use with font icons, which have different loading priorities and use cases. Also, SVG is probably a better long term choice. Updated July 27, 2017 with new information on font-display. Updated August 14, 2017 with a link to a glossary page. Jump to: # Unceremonious @font-face font-display preload Donâ€™t use web fonts Inline Data URI Asynchronous Data URI FOUT with a C
yoshi-nkyma 2016/08/05
font

*code

CSS

HTML
ãƒªãƒ³ã‚¯
1