[B! webfonts] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

webfontsã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (105)

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

Webã«ãŠã„ã¦æ˜Žæœä½“ã¯Noto Serif CJKã‚’ä½¿ã†ã¹ã— -IE11å¯¾å¿œç‰ˆï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
ã“ã‚“ã«ã¡ã¯ã€‚5æœˆã«ç”£ä¼‘è‚²ä¼‘ã‹ã‚‰å¾©è·ã—ãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ‹ã‚·ã§ã™ã€‚ æœ€è¿‘ã€å¥åº·ã¨ä½“åŠ›ä½œã‚Šã®ãŸã‚ã«ç‹ãƒˆãƒ¬ã‚’å§‹ã‚ã¾ã—ãŸã€‚æ¯Žæ—¥æ˜¼ä¼‘ã¿ã«ã‚³ãƒ¤ãƒžã•ã‚“ã¨ä¸€ç·’ã«10åˆ†ã»ã©ç‹ãƒˆãƒ¬ã—ã¦ã¾ã™ã€‚çš†ã•ã‚“ã‚‚ã„ã‹ãŒã§ã™ã‹ã€‚ ä»Šå›žã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹éš›ã«æ˜Žæœä½“ã®æŒ‡å®šã¯ä½•ã«ã™ã‚‹ã®ãŒä¸€ç•ªã„ã„ã®ã‹ã€è©¦è¡ŒéŒ¯èª¤ã—ãŸçµæžœå¾—ãŸæœ€é©è§£ã‚’æ›¸ãã¾ã™ã€‚ BPSã§ã¯ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿ã€ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ï¼‹é–‹ç™ºã€ã€Œãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã€ãªã©ã€æŸ”è»Ÿã«é–‹ç™ºãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³æ¡ˆä»¶ã«å¯¾å¿œã—ã¦ãŠã‚Šã¾ã™ã€‚ãœã²ãŠæ°—è»½ã«ãŠå•ã„åˆã‚ã›ãã ã•ã„ã€‚ æœ€åˆã«ï¼šçµè«– å…ˆã«çµè«–ã‚’ã„ã†ã¨ã€ Google Fontsã®Noto Serif CJKï¼ˆæºãƒŽæ˜Žæœï¼‰ã‚’ä½¿ã† IE11å¯¾å¿œã®ãŸã‚Google Fontsã®è¨å®šã§ã€ŒJapaneseã€ã‚’å¿…ãšé¸æŠžã™ã‚‹ ã§ã™ã€‚Japaneseã‚’é¸æŠžã—ãªã‹ã£ãŸã¨ã„ã†ã ã‘ã§ã‹ãªã‚Šã€å³å¾€å·¦å¾€ã—ã¦ã—ã¾ã„ã¾ã—ãŸï¼ˆå¾Œè¿°ï¼‰ã€‚ Google Fontsã¨ã—ã¦ã¯ä»–ã«ã‚‚
bitgleams 2019/08/28
webfonts

webdesign

design

tips

google

***

browser

font
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžwebãƒ•ã‚©ãƒ³ãƒˆãŒè¡¨ç¤ºã§ããªã„å ´åˆã®è§£æ±ºæ–¹æ³•ã€‚ãªã‚“ã¨ã‹æ˜Žæœä½“webãƒ•ã‚©ãƒ³ãƒˆã‚’è¨ç½®ç·¨ â€“ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ–ãƒã‚°
æ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆã®ãƒˆãƒ©ãƒ–ãƒ«è§£æ±º ä»Šå›žã¯ã€æ—¥æœ¬èªžwebãƒ•ã‚©ãƒ³ãƒˆã®è¨ç½®æ–¹æ³•ã§ è¡¨ç¤ºã§ããªã‹ã£ãŸå ´åˆã®è§£æ±ºæ–¹æ³•ã«ã¤ã„ã¦ å¿˜ã‚Œãªã„ã†ã¡ã«ã¾ã¨ã‚ã¦ãŠã“ã†æ€ã„ 4ã¤ã»ã©ã®CSSã‚½ãƒ¼ã‚¹ã‚’ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ Webãƒ•ã‚©ãƒ³ãƒˆã®æŒ‡å®šæ–¹æ³• ä¸–ã®ä¸ã®å¤šãã®äººãŒä½¿ã£ã¦ã„ã‚‹webãƒ•ã‚©ãƒ³ãƒˆã®è¨ç½® ã«ãŠã‘ã‚‹æ¨™æº–ã®æŒ‡å®šæ–¹æ³•ã‚’å¿µã®ãŸã‚ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ç§ã¯HTMLã€CSSã®çŸ¥è˜ãŒç„¡ã„ã®ã§ã€è©¦è¡ŒéŒ¯èª¤ã§è¡¨ç¤ºã™ã‚‹ã¨ã„ã† å¤§ã–ã£ã±ã ã‘ã©ã€æ¡ˆå¤–ç¢ºå®Ÿãªæ–¹æ³•ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã”äº†æ‰¿ä¸‹ã•ã„ ã‚ˆãã‚ã‚‹ä»£è¡¨çš„ãªwebãƒ•ã‚©ãƒ³ãƒˆè¨˜è¿°æ–¹æ³•1 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8
bitgleams 2015/11/30
tips

webfonts

font

japanese

css

css3

web

webdesign

***
ãƒªãƒ³ã‚¯
FONTPLUSï½œæ–‡å—è©°ã‚æ©Ÿèƒ½
ã‚¹ãƒžãƒ¼ãƒˆãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã”åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ãŠå®¢æ§˜ã«ã€ç°¡å˜ã«æ–‡å—è©°ã‚ãŒã§ãã‚‹æ©Ÿèƒ½ã‚’ã”æ¡ˆå†…ã—ã¾ã™ã€‚ é€šå¸¸ã€Webãƒšãƒ¼ã‚¸ä¸Šã®ãƒ†ã‚ã‚¹ãƒˆã¯ã€æ–‡å—ã¨æ–‡å—ã®é–“éš”ãŒä¸æƒã„ã«ãªã‚Šç¾Žã—ãè¡¨ç¤ºã•ã‚Œãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€ä¿ƒéŸ³(ãããŠã‚“)ã€Œã£ã€ã€æ‹—éŸ³(ã‚ˆã†ãŠã‚“)ã€Œã‚ƒã€ã€Œã‚…ã€ã€Œã‚‡ã€ç‰ã®ã‚ˆã†ãªä»®åå°æ–‡å—ã¯ã€æ–‡å—é–“ã®ä½™ç™½ãŒç©ºãã™ãŽã‚‹å‚¾å‘ã«ã‚ã‚Šã€éƒ¨åˆ†çš„ãªæ–‡å—å¹…èª¿æ•´ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ãƒ•ã‚©ãƒ³ãƒˆãƒ—ãƒ©ã‚¹ã§ã¯ã€ã€Œè‡ªå‹•è¨å®šï¼ˆãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹æ©Ÿèƒ½ï¼‰ã€ã¨ã€Œæ–‡å—é–“ã®ä½™ç™½å‰Šé™¤æ©Ÿèƒ½ã€ã®2ç¨®é¡žã®æ–‡å—è©°ã‚æ©Ÿèƒ½ã‚’ã”ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã“ã‚Œã¾ã§ã¯ãƒšãƒ¼ã‚¸å…¨ä½“ã«å¯¾ã™ã‚‹æ©Ÿèƒ½ã§ã—ãŸãŒã€2015å¹´10æœˆ13æ—¥ã‚ˆã‚Šã€æŒ‡å®šã—ãŸç®‡æ‰€ï¼ˆã‚»ãƒ¬ã‚¯ã‚¿ï¼‰ã«éƒ¨åˆ†çš„ã«é©ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã¨ãªã‚Šã¾ã—ãŸã€‚ç”¨é€”ã«åˆã‚ã›ã¦ã€ãŠå¥½ã¿ã®æ©Ÿèƒ½ã‚’ã”æ´»ç”¨ãã ã•ã„ã€‚ 1.Â è‡ªå‹•è¨å®šï¼ˆãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹æ©Ÿèƒ½ï¼‰ ãƒ•ã‚©ãƒ³ãƒˆãƒ‡ãƒ¼ã‚¿ã«çµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ãƒ—
bitgleams 2015/11/21
service

design

web

webdesign

webfonts

tips

text

japanese

***
ãƒªãƒ³ã‚¯
Noto Sans CJK JP ãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚µã‚¤ãƒˆã«é©ç”¨ã™ã‚‹æ‰‹é † - Qiita
ã€ã€‚ï¼Œï¼Žãƒ»ï¼šï¼›ï¼Ÿï¼ã‚›ã‚œÂ´ï½€Â¨ï¼¾ï¿£ï¼¿ãƒ½ãƒ¾ã‚ã‚žã€ƒä»ã€…ã€†ã€‡ãƒ¼â€•â€ï¼ï¼¼ã€œâˆ¥ï½œâ€¦â€¥â€˜â€™â€œâ€ï¼ˆï¼‰ã€”ã€•ï¼»ï¼½ï½›ï½ã€ˆã€‰ã€Šã€‹ã€Œã€ã€Žã€ã€ã€‘ï¼‹ï¼Â±Ã—Ã·ï¼â‰ ï¼œï¼žâ‰¦â‰§âˆžâˆ´â™‚â™€Â°â€²â€³â„ƒï¿¥ï¼„ï¿ ï¿¡ï¼…ï¼ƒï¼†ï¼Šï¼ Â§â˜†â˜…â—‹â—â—Žâ—‡â—†â–¡â– â–³â–²â–½â–¼â€»ã€’â†’â†â†‘â†“ã€“âˆˆâˆ‹âŠ†âŠ‡âŠ‚âŠƒâˆªâˆ©âˆ§âˆ¨ï¿¢â‡’â‡”âˆ€âˆƒâˆ âŠ¥âŒ’âˆ‚âˆ‡â‰¡â‰’â‰ªâ‰«âˆšâˆ½âˆâˆµâˆ«âˆ¬â„«â€°â™¯â™â™ªâ€ â€¡Â¶â—¯0123456789ï¼¡ï¼¢ï¼£ï¼¤ï¼¥ï¼¦ï¼§ï¼¨ï¼©ï¼ªï¼«ï¼¬ï¼ï¼®ï¼¯ï¼°ï¼±ï¼²ï¼³ï¼´ï¼µï¼¶ï¼·ï¼¸ï¼¹ï¼ºï½ï½‚ï½ƒï½„ï½…ï½†ï½‡ï½ˆï½‰ï½Šï½‹ï½Œï½ï½Žï½ï½ï½‘ï½’ï½“ï½”ï½•ï½–ï½—ï½˜ï½™ï½šãã‚ãƒã„ã…ã†ã‡ãˆã‰ãŠã‹ãŒããŽããã‘ã’ã“ã”ã•ã–ã—ã˜ã™ãšã›ãœããžãŸã ã¡ã¢ã£ã¤ã¥ã¦ã§ã¨ã©ãªã«ã¬ãã®ã¯ã°ã±ã²ã³ã´ãµã¶ã·ã¸ã¹ãºã»ã¼ã½ã¾ã¿ã‚€ã‚ã‚‚ã‚ƒã‚„ã‚…ã‚†ã‚‡ã‚ˆã‚‰ã‚Šã‚‹ã‚Œã‚ã‚Žã‚ã‚ã‚‘ã‚’ã‚“ã‚¡ã‚¢ã‚£ã‚¤ã‚¥ã‚¦ã‚§ã‚¨ã‚©ã‚ªã‚«ã‚¬ã‚ã‚®ã‚¯ã‚°ã‚±ã‚²ã‚³ã‚´ã‚µã‚¶ã‚·ã‚¸ã‚¹ã‚ºã‚»ã‚¼ã‚½ã‚¾ã‚¿ãƒ€ãƒãƒ‚ãƒƒãƒ„ãƒ…ãƒ†ãƒ‡ãƒˆãƒ‰ãƒŠãƒ‹ãƒŒãƒãƒŽãƒãƒãƒ‘ãƒ’ãƒ“ãƒ”ãƒ•ãƒ–ãƒ—ãƒ˜ãƒ™ãƒšãƒ›ãƒœãƒãƒžãƒŸãƒ ãƒ¡ãƒ¢ãƒ£ãƒ¤ãƒ¥ãƒ¦ãƒ§ãƒ¨ãƒ©ãƒªãƒ«ãƒ¬ãƒãƒ®ãƒ¯ãƒ°ãƒ±ãƒ²ãƒ³ãƒ´ãƒµãƒ¶Î‘Î’Î“Î”Î•Î–Î—Î˜Î™ÎšÎ›ÎœÎÎžÎŸÎ Î¡Î£Î¤Î¥Î¦Î§Î¨
bitgleams 2015/10/15
tutorial

tips

webfonts

web

font

japanese

***
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆã®é©å‘½ - 3846masa's memo
æ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆã«é©å‘½ãŒãŠããŸï¼Ž è©³ã—ãã¯ç¶šãã‚’èªã‚“ã§ãã‚Œï¼Ž ã¡ã‚‡ã£ã¨å¤§ããå‡ºã¦ã¿ãŸï¼Ž å®Ÿè£…ã«ã¤ã„ã¦ã®è¨˜äº‹ã¯ã“ã¡ã‚‰ ã“ã®è¨˜äº‹ã§è¨€ã„ãŸã„ã“ã¨ å‹•çš„ã«æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã®ã‚µãƒ–ã‚»ãƒƒãƒˆã‚’ä½œæˆã—ã¦ãã‚Œã‚‹OSSã‚’ä½œã‚Šã¾ã—ãŸï¼Ž ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ è‡¨æ™‚ã®ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ è¿½è¨˜ herokuãŒè½ã¡ã¦ã‚‹ï¼Œãƒ¡ãƒ¢ãƒªä¸è¶³ã ãªï¼Žæ—©ã„æ‰€Dockerfileã¤ãã‚ã†ï¼Ž è¿½è¿½è¨˜ herokuã§é‹ç”¨ã¯å†æ¤œè¨Žã—ãŸã»ã†ãŒã‚ˆã•ãã†ï¼Žã€Œã“ã†ã„ã†ã“ã¨ã‚‚ã§ãã¾ã™ã€ã®äº‹ä¾‹ã¨ã„ã†ã“ã¨ã§ã²ã¨ã¤ï¼Ž ï¼ˆã‚„ã£ã±ã‚Šæ™®é€šã®ã‚µãƒ¼ãƒã§å‹•ã‹ã™åˆ†ã«ã¯å¤§ä¸ˆå¤«ãã†ãªæ°—ãŒã™ã‚‹ï¼Žã©ã†ã ã‚ã†ï¼‰ ãã‚“ãªã‚ã‘ã§ï¼Œã©ã†ãžã”åˆ©ç”¨ãã ã•ã„ã€‚ ï¼ˆã¡ãªã¿ã«ç²—ã„ä½œã‚Šãªã®ã§ï¼Œpull-requestã‚„issueæŠ•ç¨¿ã‚’ã—ã¦ãã ã•ã‚‹ã¨å¬‰ã—ã„ã§ã™ï¼Žï¼‰ ä½•ãŒé©å‘½ãªã‚“ã é©å‘½ãŒèµ·ããŸã¨ã„ã†ã‘ã©ï¼Œã©ã“ãŒé©å‘½ãªã®ï¼Ÿ åƒ•ã«ã¯é©å‘½ãŒèµ·ããŸã‚ˆã†ã«ã¯æ€ãˆãªã„ã‘ã© ãã‚“ãªã“ã¨è¨€ã‚ã‚“ã¨ã„ã¦ï¼Œæ³£ãã‚ï¼Ž
bitgleams 2015/04/08
[[typography][web][webdesign][***][design]

font

japanese

webfonts
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹60ã®Webã‚µã‚¤ãƒˆ | Webåˆ¶ä½œã«é–¢ã™ã‚‹ãƒ–ãƒã‚° | æ ªå¼ä¼šç¤¾ã‚·ãƒã‚¯ãƒ
ã¾ã¨ã‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¯ã€AXISã€ã‚´ã‚·ãƒƒã‚¯MB101ã€ç‘ç´«Aä¸¸ã‚´ã‚·ãƒƒã‚¯ã€ç‘ç´«æ˜Žæœãªã©ãŒå¤šãã€æ˜Žæœä½“ã‚ˆã‚Šã‚‚ã‚´ã‚·ãƒƒã‚¯ä½“ã®æ–¹ãŒäººæ°—ã®ã‚ˆã†ã§ã—ãŸã€‚ç„¡å„Ÿã§åˆ©ç”¨ã§ãã¦ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„æºãƒŽè§’ã‚´ã‚·ãƒƒã‚¯ã‚‚ä»Šå¾Œå¢—ãˆã¦ã„ããã†ã§ã™ã€‚ã“ã‚Œã‚‰ã®ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¯TypeSquareã€FONTWORKSã€FONTPLUSã€Fonts.comãªã©ã§ã€ãã‚Œä»¥å¤–ã®ã‚µãƒ¼ãƒ“ã‚¹ã¯ãƒ•ã‚©ãƒ³ãƒˆãƒ–ãƒã‚°ã®å›½å†…ã®Webãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã¾ã¨ã‚ - ãƒ•ã‚©ãƒ³ãƒˆãƒ–ãƒã‚°ã«ç‰¹å¾´ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ æ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆã¯å¤šãã®å ´åˆå®šé¡ã§è²»ç”¨ãŒã‹ã‹ã‚‹ã“ã¨ã€ãã—ã¦èªã¿è¾¼ã¿å‡¦ç†ã®å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ãŸã ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦ã¯ã€æ§‹ç¯‰ï¼æ›´æ–°ã®ã—ã‚„ã™ã•ã¨æ–‡å—ã®ç¾Žã—ã•ã‚’ä¸¡ç«‹ã§ãã‚‹ã®ã§ã€ã§ãã‚‹ã ã‘ä½¿ã£ã¦ã„ããŸã„ã¨æ€ã„ã¾ã—ãŸã€‚
bitgleams 2015/03/27
2015å¹´3æœˆ26æ—¥è¨˜äº‹

webfonts

website

japan

japanese

webdesign

ã¾ã¨ã‚

***

font

typography
ãƒªãƒ³ã‚¯
ã‚°ãƒ¼ã‚°ãƒ«ãŒæ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆã‚’æä¾›ã—ã¦ãŸã€‚ã“ã‚Œã¯Webãƒ•ã‚©ãƒ³ãƒˆã®å¤§è»¢æ›ã«ãªã‚‹ã‹ã‚‚ï¼Ÿ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹… | Webæ‹…å½“è€…Forum
ã€2026å¹´ç‰ˆã€‘é–¢æ±ã®ã€Œä½ã¿ãŸã„è¡—ã€ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ 2å¹´é€£ç¶šã®é¦–éƒ½åœãƒˆãƒƒãƒ—ã¯ï¼Ÿã€ãƒ‹ãƒ•ãƒ†ã‚£ãƒ©ã‚¤ãƒ•ã‚¹ã‚¿ã‚¤ãƒ«èª¿ã¹ã€‘ 2æœˆ9æ—¥ 6:00
bitgleams 2015/03/10
google

webfonts

japanese

typography

webdesign

design

***

tips

font
ãƒªãƒ³ã‚¯
ãƒ›ãƒ¼ãƒ | Webãƒ•ã‚©ãƒ³ãƒˆãƒ»ã‚µãƒ¼ãƒ“ã‚¹ FONTPLUS
Webã¨ãƒ•ã‚©ãƒ³ãƒˆã¯ã‚‚ã£ã¨è‡ªç”±ã«ãªã‚Œã‚‹ã€‚FONTPLUSã¯ã€æœ€é«˜å“è³ªã®ãƒ•ã‚©ãƒ³ãƒˆã‚’å–ã‚ŠæƒãˆãŸWebãƒ•ã‚©ãƒ³ãƒˆé…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚
bitgleams 2015/02/28
webfonts

japanese

webservice

web

webdesign

design

font

***
ãƒªãƒ³ã‚¯
20 Best Google Web Fonts
Web typography is currently riding a wave of relentless creativity. Google Fonts is an invaluable resource for digital designers, the open source nature of its fonts makes it a viable option for both commercial and personal use. With it being a Google tool, Accessibility is of course key, with its high quality selection of web and mobile typography, taking into account legibility and readability.
bitgleams 2015/02/28
webfonts

google

gallery

ã¾ã¨ã‚

font

design

webdesign

@font-face

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

@font-face

css

browser

tips

tutorial

web

font

***

åŸºæœ¬
ãƒªãƒ³ã‚¯
CPI x CSS Nite x å„ªã‚¯ãƒªã‚¨ã‚¤ãƒˆã€ŒAfter Darkã€ï¼ˆ12ï¼‰ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ï¼šé…’äº• å„ªã•ã‚“ï¼ˆWEBCRE8.jpï¼‰ï½œCSS Niteå…¬å¼ã‚µã‚¤ãƒˆ
CPI x CSS Nite x å„ªã‚¯ãƒªã‚¨ã‚¤ãƒˆã€ŒAfter Darkã€ï¼ˆ12ï¼‰ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ï¼šé…’äº• å„ªã•ã‚“ï¼ˆWEBCRE8.jpï¼‰ è¨˜äº‹å…¬é–‹æ—¥ï¼š2014å¹´7æœˆ23æ—¥ï¼ˆæ°´ï¼‰ 2014å¹´7æœˆ17æ—¥ã€KDDIã‚¦ã‚§ãƒ–ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚º ã‚»ãƒŸãƒŠãƒ¼ãƒ«ãƒ¼ãƒ ã§é–‹å‚¬ã—ãŸCPI x CSS Nite x å„ªã‚¯ãƒªã‚¨ã‚¤ãƒˆã€ŒAfter Darkã€ï¼ˆ12ï¼‰Web Fontsç‰¹é›†ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã¨ã—ã¦ã€é…’äº• å„ªã•ã‚“ï¼ˆWEBCRE8.jpï¼‰ã®ã€Ž2014å¹´ç‰ˆWebãƒ•ã‚©ãƒ³ãƒˆã®ä½¿ç”¨æ–¹æ³•ã¨ã“ã‚Œã¾ã§ã®æ©ã¿ã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ Webãƒ•ã‚©ãƒ³ãƒˆã¯ã¨ã‚Šã‚ãˆãšå°Žå…¥ã™ã‚‹ã ã‘ãªã‚‰æœ¬å½“ã«æ‰‹è»½ã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã®åˆ©ç”¨ã‚‚ãã‚“ãªã«é›£ã—ã„ã‚‚ã®ã§ã¯ãªã„ã®ã§ã€ãƒ‡ãƒ¢ã‚’è§¦ã£ã¦å®Ÿéš›ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«çµ„ã¿è¾¼ã‚“ã§ã¿ãŸã‚Šã€CodePenã‚„jsdo.itãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç”¨ã„ã¦è‡ªåˆ†ã§ç”¨æ„ã—ãŸãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã•ã›ã¦ã¿ã‚‹ã“ã¨ã‹ã‚‰
bitgleams 2015/02/28
2014å¹´7æœˆ17æ—¥ç™ºè¡¨

ã¾ã¨ã‚

cssnite

webfonts

video

presentation

web

font

tips

***
ãƒªãƒ³ã‚¯
ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã¨æ–‡å—çµ„ç‰ˆï¼ˆReloadedï¼‰ã€é·¹é‡Ž é›…å¼˜ï¼ˆã‚¹ã‚¤ãƒƒãƒï¼‰
2013å¹´11æœˆ21æ—¥ï¼ˆæœ¨ï¼‰19:00-20:00ã€ã‚¢ãƒƒãƒ—ãƒ«ã‚¹ãƒˆã‚¢éŠ€åº§ã§é–‹å‚¬ã•ã‚ŒãŸCSS Nite in Ginza, Vol.72ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€‚ http://cssnite.jp/ginza/vol72/ å‚ç…§ãƒªãƒ³ã‚¯ãªã© http://bit.ly/1blGiqd
bitgleams 2015/02/28
2013å¹´11æœˆ21æ—¥ç™ºè¡¨

slides

cssnite

åŸºæœ¬

***

font

design

webdesign

typography

css

webfonts
ãƒªãƒ³ã‚¯
CPI x CSS Niteã€ŒAfter Darkã€ï¼ˆ12ï¼‰Web Fontsç‰¹é›†ï½œCSS Niteå…¬å¼ã‚µã‚¤ãƒˆ
bitgleams 2015/02/28
ç›®æ¬¡

ã¾ã¨ã‚

cssnite

font

webfonts

service

seminar

event

***
ãƒªãƒ³ã‚¯
ITç”¨èªžè¾žå…¸ãƒã‚¤ãƒŠãƒª - Weblio ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿
ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«é–¢ã™ã‚‹å°‚é–€ç”¨èªžã‚„è£½å“ãªã©ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ æä¾› ITç”¨èªžè¾žå…¸ãƒã‚¤ãƒŠãƒª
bitgleams 2015/02/28
åŸºæœ¬

@font-face

webfonts

css

css3

web

font

webdesign

***
ãƒªãƒ³ã‚¯
WordPressåˆå¿ƒè€…ã‹ã‚‰ä¸Šç´šè€…ã¾ã§ â€“ æ—¥æœ¬ã§äººæ°—ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³7é¸
2025 å¹´ã«ãŠã™ã™ã‚ã®WordPressãƒ—ãƒ©ã‚°ã‚¤ãƒ³ WordPressï¼ˆãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ï¼‰ã¯ã€ä¸–ç•Œä¸ã§æœ€ã‚‚äººæ°—ã®ã‚ã‚‹CMSï¼ˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ï¼‰ã§ã™ãŒã€æ—¥æœ¬ã§ã‚‚å¤šãã®ä¼æ¥ã‚„å€‹äººãƒ–ãƒã‚¬ãƒ¼ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã®ä¸ã§ã€ã‚ˆã‚Šä¾¿åˆ©ã«ã€ã‚ˆã‚ŠåŠ¹æžœçš„ã«ã‚µã‚¤ãƒˆé‹å–¶ã‚’è¡Œã†ãŸã‚ã«æ¬ ã‹ã›ãªã„å˜åœ¨ãŒã€Œãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æ—¥æœ¬å›½å†…ã§ç‰¹ã«äººæ°—ãŒé«˜ã„ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã€ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚„ãŠã™ã™ã‚ãƒã‚¤ãƒ³ãƒˆã‚’è©³ã—ãè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã¯ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã¯ã€ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹æœ¬ä½“ã«ã¯ãªã„æ©Ÿèƒ½ã‚’ç°¡å˜ã«è¿½åŠ ã§ãã‚‹æ‹¡å¼µæ©Ÿèƒ½ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ä¾‹ãˆã°ã€SEOå¯¾ç–æ©Ÿèƒ½ã‚„ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œæˆã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å¼·åŒ–ã€ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—æ©Ÿèƒ½ãªã©ã€ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã‚’æ‰‹è»½ã«å°Žå…¥ã§ãã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã€æœ‰åŠ¹åŒ–ã™ã‚‹ã ã‘ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ãŒãªãã¦ã‚‚ã‚µã‚¤ãƒˆã®æ©Ÿèƒ½ã‚’é£›èºçš„ã«å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
bitgleams 2015/02/28
tips

web

font

@font-face

japanese

webfonts

ç´ æ

free

***
ãƒªãƒ³ã‚¯
Google Web Fonts Compare
Google Web Fonts Compare
bitgleams 2015/02/28
webfonts

google

generator

æ¯”è¼ƒ

typography

font

design

tools

webservice

***
ãƒªãƒ³ã‚¯
WordPressåˆå¿ƒè€…ã‹ã‚‰ä¸Šç´šè€…ã¾ã§ â€“ æ—¥æœ¬ã§äººæ°—ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³7é¸
2025 å¹´ã«ãŠã™ã™ã‚ã®WordPressãƒ—ãƒ©ã‚°ã‚¤ãƒ³ WordPressï¼ˆãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ï¼‰ã¯ã€ä¸–ç•Œä¸ã§æœ€ã‚‚äººæ°—ã®ã‚ã‚‹CMSï¼ˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ï¼‰ã§ã™ãŒã€æ—¥æœ¬ã§ã‚‚å¤šãã®ä¼æ¥ã‚„å€‹äººãƒ–ãƒã‚¬ãƒ¼ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã®ä¸ã§ã€ã‚ˆã‚Šä¾¿åˆ©ã«ã€ã‚ˆã‚ŠåŠ¹æžœçš„ã«ã‚µã‚¤ãƒˆé‹å–¶ã‚’è¡Œã†ãŸã‚ã«æ¬ ã‹ã›ãªã„å˜åœ¨ãŒã€Œãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æ—¥æœ¬å›½å†…ã§ç‰¹ã«äººæ°—ãŒé«˜ã„ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã€ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚„ãŠã™ã™ã‚ãƒã‚¤ãƒ³ãƒˆã‚’è©³ã—ãè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã¯ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã¯ã€ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹æœ¬ä½“ã«ã¯ãªã„æ©Ÿèƒ½ã‚’ç°¡å˜ã«è¿½åŠ ã§ãã‚‹æ‹¡å¼µæ©Ÿèƒ½ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ä¾‹ãˆã°ã€SEOå¯¾ç–æ©Ÿèƒ½ã‚„ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œæˆã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å¼·åŒ–ã€ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—æ©Ÿèƒ½ãªã©ã€ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã‚’æ‰‹è»½ã«å°Žå…¥ã§ãã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã€æœ‰åŠ¹åŒ–ã™ã‚‹ã ã‘ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ãŒãªãã¦ã‚‚ã‚µã‚¤ãƒˆã®æ©Ÿèƒ½ã‚’é£›èºçš„ã«å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
bitgleams 2015/02/28
#fontmkmk

webfonts

japanese

free

ç´ æ

web

webdesign

design

typography

font

***
ãƒªãƒ³ã‚¯
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
bitgleams 2015/02/28
Noto Sans Japanese (Japanese) ã‚ã‚Šã€‚ / #fontmkmk

japanese

webfonts

google

font

design

typography

web

***

source
ãƒªãƒ³ã‚¯
ã‚³ãƒ©ãƒ ï½œæ ªå¼ä¼šç¤¾ãƒ—ãƒãƒã‚¯ã‚µã‚¹ã®webåˆ¶ä½œéƒ¨é–€ãƒ¬ã‚¤ãƒ³ãƒœãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
ãƒ¬ã‚¤ãƒ³ãƒœãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³ã®å–ã‚Šçµ„ã¿ã‚„è€ƒãˆã‚’è¨˜äº‹å½¢å¼ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚
bitgleams 2015/02/28
ãŸã¾ãŸã¾è¦‹ã¤ã‘ãŸã€‚2014å¹´12æœˆ9æ—¥è¨˜äº‹ / #fontmkmk

google

font

webfonts

demo

webservice

***

design

webdesign

web

tips
ãƒªãƒ³ã‚¯
Noto Sansæ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã®å°Žå…¥ã€€ã€ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹/WordPressã€‘ | Qï¼†Aã€€Oh My Godï¼
ç¾Žã—ã„æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã€ŒNoto Sans CJK JPã€ã‚’WordPressã«å°Žå…¥ã™ã‚‹æ–¹æ³•ã§ã™ã€‚Â ã€ŒNoto Sansã€ã¨ã¯Googleç‰ãŒé–‹ç™ºã—ãŸã€ç„¡æ–™ã§ä½¿ãˆã‚‹ç¾Žã—ã„æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚ç¾Žã—ã„æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã€ŒNoto Sans CJK JPã€ã‚’WordPressã«å°Žå…¥ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ã€ŒNoto Sansã€ã¨ã¯Googleç‰ãŒé–‹ç™ºã—ãŸã€ç„¡æ–™ã§ä½¿ãˆã‚‹ç¾Žã—ã„æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã«æ¥ãŸæ–¹ã¯ã€æ—¢ã«Noto Sansã«èˆˆå‘³ãŒã‚ã‚‹ã€ã‚‚ã—ãã¯å°Žå…¥æ–¹æ³•ã‚’æŽ¢ã—ã¦ã„ã‚‹æ–¹ã ã¨æ€ã„ã¾ã™ã®ã§Noto Sansã®èª¬æ˜Žã¯çœãã¾ã™ã€‚ ï¼ˆæ–‡å—ã®ä¾‹ï¼‰ å‚è€ƒã«ã•ã›ã¦é ‚ã„ãŸè§£èª¬ã‚µã‚¤ãƒˆ ä»Šå›žã€åƒ•ãŒnoto sansã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã‚Šå‚è€ƒã«ã•ã›ã¦é ‚ã„ãŸã‚µã‚¤ãƒˆã§ã™ã€‚ ãŠã¡ç ”ã€€-ã€€Googleãƒ»Adobeã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®Noto Sans fontãŒã‚¸ãƒ¯ã‚¸ãƒ¯å‡„ã„ noto san CJKã®æˆã‚Šç«‹ã¡ã‚„ã€noto = noè±†è…ã®
bitgleams 2015/02/28
webfonts

google

font

design

webdesign

ã¾ã¨ã‚

tips

åŸºæœ¬

css3

***
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸