[B! Webfont] rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rikuo id:rikuo

Webfontã«é–¢ã™ã‚‹rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (60)

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

æ–‡å—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’æ”¯ãˆã‚‹æŠ€è¡“ - pixiv inside
ã“ã‚“ã«ã¡ã¯ã€åž‹ã¨è¤‡é›‘GUIãŒå¤§å¥½ããª @f_subal ã§ã™ã€‚ æ™®æ®µã¯ pixivFACTORY ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ã‚„ã£ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€æ—©é€Ÿã‚¹ã‚¯ã‚·ãƒ§ã§ãŠè¦‹ã›ã—ã¦ã„ã¾ã™ãŒã€ ä»Šå¹´ã®3æœˆã« pixivFACTORY ã®ã‚°ãƒƒã‚ºç·¨é›†ç”»é¢ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ ã™ã§ã«ã“ã¡ã‚‰ã®è¨˜äº‹ã§ã‚‚ç´¹ä»‹ãŒã‚ã‚Šã¾ã—ãŸãŒã€ æ–°ã—ã„ç”»é¢ã§ã¯ã€ç”»åƒã®ã¿ãªã‚‰ãšæ–‡å—ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã‚¹ ãŠã‚ˆã³ MonoType ã®æ›¸ä½“ãŒ 100 ã‚¹ã‚¿ã‚¤ãƒ«åˆ†åˆ©ç”¨å¯èƒ½ã§ã™ã€‚ æ–‡å—ã ã‘ã§ã®åˆ¶ä½œã‚‚å¯èƒ½ã§ã™ã®ã§æ˜¯éžã”åˆ©ç”¨ãã ã•ã„ã€‚ https://factory.pixiv.net/it em_groups/new ä»Šå›žã¯ã€ã“ã®ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›æ©Ÿèƒ½ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã€ ç‰¹ã« React ã¨ SVG ã§ã„ã‹ã«æ–‡å—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’è¡¨ç¾ã™ã‚‹ã‹ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ SVG ã«ã¨ã£ã¦æ–‡å—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨ã¯ä½•
rikuo 2019/05/30
ã™ã”ã„ã€‚SVGã®æ–‡å—å‘¨ã‚Šã¯å‰²ã¨ãƒ„ãƒ©ã„ã®ã§ã€æœ¬å½“ã«ã™ã”ã„ã€‚

SVG

Webfont

pixiv
ãƒªãƒ³ã‚¯
webãƒ•ã‚©ãƒ³ãƒˆã‚’120%æ´»ç”¨ã™ã‚‹ãŸã‚ã®åŸºç¤ŽçŸ¥è˜&æœ€æ–°å‹•å‘ - Speaker Deck
## webãƒ•ã‚©ãƒ³ãƒˆ/OpenTypeã®ä»•æ§˜ - CSS Fonts Module Level 3 - https://www.w3.org/TR/css-fonts-3/ - OpenType Font Variations overview - Typography | Microâ€¦
rikuo 2018/11/22
presentation

Webfont
ãƒªãƒ³ã‚¯
Color Fonts - Get ready for the revolution!
Color fonts represent a key evolutionÂ inÂ digital typography, introducing rich graphic features into font files. Thanks toÂ new font formats, color fonts are finally becoming aÂ reality for millions ofÂ creatives. Color fonts can impact any type of text, since they may containÂ any type of characters, includingÂ emojisÂ andÂ icons. Note that colors fonts are sometimesÂ referred asÂ chromatic fonts, which is
rikuo 2017/03/15
Webfont

color

browser
ãƒªãƒ³ã‚¯
Color fonts from Adobe Type
ðŸ˜Ž ðŸ¶ ðŸ‰ ðŸ˜œ ðŸ‘€ ðŸ¤– ðŸ‘ ðŸ â™»ï¸ â„ ðŸŒ âœˆ ðŸ‹ ðŸ• â˜® ðŸ¬ âš½ ðŸŽ² ðŸ˜‚ ðŸ™Œ ðŸ›° ðŸ’Ž ðŸ’© ðŸ’¡ ðŸ’¸ â¤ â˜¯ âš“ ðŸŒ ðŸ’¯ ðŸ’¾ ðŸ© This page demonstrates new color font techno logy. For the progressively enhanced color font experience, try a browser that supports the techno logy, like Firefox or MicrosoftÂ Edge (version 38 orÂ later). â„¹ï¸Ž Introducing color fonts Adobeâ€™s new color fonts use an innovative font techno logy that allows built-in SVG
rikuo 2016/11/23
font

Webfont

browser
ãƒªãƒ³ã‚¯
BOHR (ãƒœãƒ¼ã‚¢) ãƒ•ã‚§ã‚¹ãƒ†ã‚£ãƒãƒ« ï½žæ–‡å—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è¦‹ã‚‹Webã®æœªæ¥ï½ž
The document contains emoji and special characters that cannot be interpreted. It then provides code to generate a character using Metafont that draws a shape connecting three labeled points to form a triangle.Read less
rikuo 2016/11/21
Webfont

presentation
ãƒªãƒ³ã‚¯
Webãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã®å¾¹åº•æ¯”è¼ƒï¼ å’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆãŒä½¿ãˆã‚‹5ã¤ã®ã‚µãƒ¼ãƒ“ã‚¹ã®åˆ©ç‚¹ã¾ã¨ã‚ - ICS MEDIA
ä»¥å‰ã€è¨˜äº‹ã€Œ[å•†ç”¨åˆ©ç”¨å¯èƒ½ï¼é«˜å“è³ªãªã‚ªã‚¹ã‚¹ãƒ¡æ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆ8é¸ï¼ˆç„¡æ–™ãƒ•ã‚©ãƒ³ãƒˆå¤šæ•°ï¼‰](https://ics.media/entry/13498/ï¼‰ã€ã«ã¦æ—¥æœ¬èªžã®Webãƒ•ã‚©ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ç„¡æ–™ã®Webãƒ•ã‚©ãƒ³ãƒˆã‚’ä¸å¿ƒã«ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ç¨®é¡žãŒå°‘ãªãä½¿ã„ãŸã„ãƒ•ã‚©ãƒ³ãƒˆãŒãªã„ã¨ã„ã£ãŸå ´åˆã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã†ã„ã£ãŸå ´åˆã«æœ‰å„Ÿã®Webãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ãŒå€™è£œã¨ã—ã¦æŒ™ãŒã‚Šã¾ã™ãŒã€ä½¿ç”¨ã§ãã‚‹æ›¸ä½“æ•°ã‚„PVæ•°ã®åˆ¶é™ãªã©ã‚µãƒ¼ãƒ“ã‚¹å†…å®¹ã®é•ã„ãŒã‚ã‚Šã€ã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’é¸æŠžã™ã‚‹ã‹æ‚©ã¾ã—ã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå›žã¯5ã¤ã®Webãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã‚’å–ã‚Šä¸Šã’ã€ãã‚Œãžã‚Œã§æ‰±ã£ã¦ã„ã‚‹æ›¸ä½“æ•°ã‚„ãƒ—ãƒ©ãƒ³å†…å®¹ãªã©ã‚’å¾¹åº•æ¯”è¼ƒã—ã¾ã™ã€‚ TypeSquare ã€ŒTypeSquareã€ã¯ãƒ¢ãƒªã‚µãƒ¯ãŒæä¾›ã—ã¦ã„ã‚‹Webãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚800ã‚’è¶…ãˆã‚‹æ›¸ä½“ï¼ˆå’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆã¯695æ›¸ä½“ï¼‰ã‹ã‚‰é¸æŠžå¯èƒ½ã§ã€ä¸»ãªæ›¸ä½“ã¨ã—ã¦ã€Œæ–°ã‚´ã€ã€Œãƒªãƒ¥ã‚¦ãƒŸãƒ³ã€ã€Œ
rikuo 2016/11/18
Webfont

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã£ãŸã®ã§ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹åŒ–ã—ã¦ GitHub ã¨ npm ã«å…¬é–‹ã—ã¾ã—ãŸ | WP-E (ä»®)
ã“ã‚“ã«ã¡ã¯ã€‚EXP ã²ã®ãŸã‚“ã§ã™ã€‚ æœ€è¿‘ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã£ã¦ GitHub ã¨ npm ã§å…¬é–‹ã—ãŸã®ã§ãã®ç´¹ä»‹è¨˜äº‹ã§ã™ã€‚ feathericon Web ã‚µã‚¤ãƒˆ: http://feathericon.com/ GitHub: https://github.com/featherplain/feathericon npm: https://www.npmjs.com/package/feathericon åå‰ã¯ç§ã® Web ä¸Šã®ãƒãƒ³ãƒ‰ãƒ«ãƒãƒ¼ãƒ ã§ã‚ã‚‹ã€Œfeatherplain (ãƒ•ã‚§ã‚¶ãƒ¼ãƒ—ãƒ¬ã‚¤ãƒ³) ã€ã¨ icon ã‚’åˆã‚ã›ãŸ ã€Œfeathericon (ãƒ•ã‚§ã‚¶ãƒªã‚³ãƒ³) ã€ã§ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã¨è¨€ãˆã° Font Awesome ã‚„ GitHub ã® Octicons ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®å·¨äººãŒã™ã§ã«å˜åœ¨ã—ã¾ã™ã€‚Web ãƒ•ã‚©ãƒ³ãƒˆåŒ–ã—ã¦ã„ãªãã¨ã‚‚ã€ã€Œvector free iconsã€
rikuo 2016/10/14
SVG

Webfont

Sketch
ãƒªãƒ³ã‚¯
Building colorfonts using svg in OpenType
This article is several years old. A lot of things have changed. SVG & colors in OpenType fonts Prolog Until recently having more than one color in a glyph of a vector font was technically not possible. Getting a polychrome letter required multiplying the content for every color. As it happened with many other techniques before, it took some time for digital type to overcome the constraints of the
rikuo 2016/03/17
Webfont

SVG
ãƒªãƒ³ã‚¯
Noto Sans ã® Web Font å¯¾å¿œã¨ã‚µãƒ–ã‚»ãƒƒãƒˆã«ã‚ˆã‚‹æœ€é©åŒ– | blog.jxck.io
Intro ã“ã®ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã« Web Font ã‚’é©ç”¨ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ ãƒ•ã‚©ãƒ³ãƒˆã«ã¯ Google ã¨ Adobe ãŒå”åŒã§é–‹ç™ºã—ãŸ Noto Sans CJK JP ã‚’æŽ¡ç”¨ã—ãŸã€‚ ã¾ãŸã€ã“ã®ã‚µã‚¤ãƒˆã§ã¯ä½¿ç”¨ã—ãªã„ã ã‚ã†æ–‡å—ã‚’å‰Šé™¤ã—ãŸã‚µãƒ–ã‚»ãƒƒãƒˆã‚’ä½œã‚‹ã“ã¨ã§ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’æœ€é©åŒ–ã—ãŸã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æœ€é©åŒ– Noto font ã¯ã€ãã‚‚ãã‚‚è±†è…(ãƒ•ã‚©ãƒ³ãƒˆãŒãªã‹ã£ãŸå ´åˆã«ä»£æ›¿è¡¨ç¤ºã•ã‚Œã‚‹å››è§’)ãŒå‡ºãªã„ã‚ˆã†ã«(No-è±†è…)ã™ã‚‹ã“ã¨ã‚’ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ•ã‚©ãƒ³ãƒˆã®ç¶²ç¾…çŽ‡ã¯éžå¸¸ã«é«˜ã„ã€‚ ãã®ãŸã‚ Web Font ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã¯ã€å…¨ä½“ã ã¨ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã‚‹ãŸã‚ã€è¨€èªžæ¯Žã«æä¾›ã•ã‚Œã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚»ãƒƒãƒˆã®ä¸ã‹ã‚‰ã€å¿…è¦ãªãƒ•ã‚©ãƒ³ãƒˆã®ã¿ã‚’é©ç”¨ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ æœ¬ã‚µã‚¤ãƒˆã§ã¯ã€ ASCII ã€è¨˜å·ã€æ—¥æœ¬èªžã®ãƒ•ã‚©ãƒ³ãƒˆã‚’ç”¨ã„ã‚‹ã€‚ ã—ã‹ã—ã€ç‰¹ã«ç¶²ç¾…ã•ã‚ŒãŸæ¼¢å—ã®ä¸ã«ã¯ã€æ—¥å¸¸ã§ã¯ä½¿ã‚ãªã„æ–‡å—ãŒå¤šã€…ã‚ã‚‹ã€‚ åŠ ãˆã¦
rikuo 2016/03/15
Webfont

css

performance
ãƒªãƒ³ã‚¯
Delivering Octicons with SVG
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
rikuo 2016/02/23
SVG

Webfont

SVGã¨Webfont

github

dyslexia
ãƒªãƒ³ã‚¯
Death to Icon Fonts
My London Web Standards talk from 29th June 2015, where I cover some of the probl ems icon fonts pose for dyslexics
rikuo 2015/07/03
Dyslexiaã€ãƒ•ã‚©ãƒ³ãƒˆã‚‚ã‚ã‚‹ã®ãã€‚> Free OpenSource Dyslexia Font - OpenDyslexic http://opendyslexic.org/

font

accessibility

usability

presentation

dyslexia

SVGã¨Webfont

SVG

Webfont
ãƒªãƒ³ã‚¯
GitHub - ecomfe/fontmin: Minify font seamlessly
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rikuo 2015/03/14
Webfont

tool
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ»ãƒ•ã‚©ãƒ³ãƒˆã®èªã¿è¾¼ã¿ - Weblog - Hail2u.net
ã‚¦ã‚§ãƒ–ãƒ»ãƒ•ã‚©ãƒ³ãƒˆã‚‚å®Œå…¨ã«è¡Œãæ¸¡ã‚Šã€ä»Šã¯ã©ã†åŠ¹çŽ‡çš„ã«é…ä¿¡ã™ã‚‹ã‹ã«ã¤ã„ã¦å¤šãã®æ™‚é–“ã‚’å‰²ãã‚ˆã†ã«ãªã£ãŸã€‚Google Fontsã®ä½Žã‚å®‰å®šè·¯ç·šã‚’è¦‹é™ã‚Šã€TypeKitã‚„Fonts.comã¸éžæ›¿ãˆã™ã‚‹äººã€…ã‚‚å¢—ãˆãŸã€‚ãã‚Œã¨åŒæ™‚ã«è‡ªå‰ã§ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã™ã‚‹äººã€…ã‚‚å¾ã€…ã«ãã®æ•°ã‚’å¢—ã‚„ã—ã¦ãŠã‚Šã€ã©ã‚ŒãŒæœ€é©è§£ãªã®ã‹ä¸€å¿œã®çµè«–ãŒå‡ºã‚‹ã«ã¯ã‚‚ã†å°‘ã—ã‹ã‹ã‚‹ã ã‚ã†ã€‚ã¾ãšã€ã‚¦ã‚§ãƒ–ãƒ»ãƒ•ã‚©ãƒ³ãƒˆã®èªã¿è¾¼ã¿ã«ãŠã„ã¦ã©ã®ã‚ˆã†ãªã‚¢ãƒ—ãƒãƒ¼ãƒãŒã‚ã‚Šã€ã©ã®ã‚ˆã†ãªãƒ¡ãƒªãƒƒãƒˆã€ãã—ã¦ãƒ‡ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã®ã ã‚ã†ã‹ã€‚ TypeKitç‰ã«é ¼ã‚‹ã«ã—ã‚ã€è‡ªå‰ã§ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã™ã‚‹ã«ã—ã‚ã€ã‚‚ã¡ã‚ã‚“æœ€çµ‚çš„ã«ã¯ã‚¦ã‚§ãƒ–ãƒ»ãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«é€ã‚Šã¤ã‘ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚èªã¿è¾¼ã¿ã¨ã¯ã¾ã•ã«ãã®éƒ¨åˆ†ã®è©±ã ã€‚è©±ãŒã‚„ã‚„ã“ã—ããªã‚‹ã®ã§ã€å¤šæ§˜ãªå®Ÿè£…ã‚’æ„è˜ã—ãŸå®‰å…¨ãªæ›¸ãæ–¹ãªã©ã«ã¤ã„ã¦ã¯è§¦ã‚Œãªã„ã€‚ æ™®é€šã«@font-faceå®šç¾©ã‚’åˆ©ç”¨ @font-faceå®šç¾©ã‚’ãŸã æ™®é€šã«æ›¸ãå ´åˆã®ãƒ¡ãƒªãƒƒãƒˆã¯ã€
rikuo 2015/01/09
Webfont
ãƒªãƒ³ã‚¯
ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆæŽ¨é€²éƒ¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—ã®å…ƒå±±ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çš†ã•ã‚“ã¯Webã‚„ã‚¢ãƒ—ãƒªãªã©ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸Šã§ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã£ãŸäº‹ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãšã„ã¶ã‚“ã¨å‰ã‹ã‚‰ã€Œã“ã‚Œã‹ã‚‰ã¯Webãƒ•ã‚©ãƒ³ãƒˆã®æ™‚ä»£ã ã€ãªã‚“ã¦è¨€ã‚ã‚ŒãªãŒã‚‰ã‚‚ã€ç¾å®Ÿã¯ä¸ã€…ä½¿ã†ã®ãŒé›£ã—ã„ãªãã¨æ„Ÿã˜ã¦ã„ã‚‹æ–¹ã¯å¤šã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä»Šå›žã¯ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã§å®Ÿéš›ã«ä½œã£ãŸã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ãŸWebã‚„ã‚¢ãƒ—ãƒªã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦äº‹ä¾‹ã‚’äº¤ãˆãªãŒã‚‰ç´¹ä»‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã§ã®äº‹ä¾‹ å°è±¡ã¨æ©Ÿèƒ½ã‚’å‘ä¸Šã•ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆ ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ã‚¢ãƒ—ãƒªã®æ¨™æº–ã®ãƒ•ã‚©ãƒ³ãƒˆã§ã¯ãªã„ç‰¹æ®Šãªãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã†ç†ç”±ã¨ã—ã¦çœŸã£å…ˆã«ã‚ã’ã‚‰ã‚Œã‚‹ã®ã¯ã€ã‚„ã¯ã‚Šæ–‡å—ã®é›°å›²æ°—ã‚„è¦‹ãŸç›®ã§ãƒ‡ã‚¶ã‚¤ãƒ³çš„ãªå°è±¡ã‚„è¦‹ãˆæ–¹ã‚’å‘ä¸Šã™ã‚‹ã“ã¨ãŒã§ãã‚‹ç‚¹ã ã¨æ€ã„ã¾ã™ã€‚æœ€è¿‘ã§ã¯Appleã®Webã‚µã‚¤ãƒˆã‚‚ã‚ªãƒªã‚¸ãƒŠãƒ«ã®WebFontã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰ã‚ã‚Šã¾ã—ãŸãã€‚ ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã§ã¯ç‰¹
rikuo 2014/10/14
Webfont
ãƒªãƒ³ã‚¯
CSS Font Loading Module Level 3ã‚’è©¦ã—ã¦ã¿ãŸ - console.blog(self);
1å¹´ä»¥ä¸Šå‰ã‹ã‚‰ã€ã¡ã‚ƒã‚“ã¨èª¿ã¹ãŸã„ã¨æ€ã£ã¦ã„ãŸã‘ã©ã€ã‚„ã£ã¦ã„ãªã‹ã£ãŸã€‚ CSS Font Loading Module Level 3ã¯ã€2014/06/30æ™‚ç‚¹ã§æœ€çµ‚è‰æ¡ˆ(Last Call Working Draft) ã«ãªã£ã¦ã„ã‚‹ã€‚CSS Font Loading Module Level 3ã¯ãƒ•ã‚©ãƒ³ãƒˆã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«é–¢ã™ã‚‹ä»•æ§˜æ›¸ã€‚ CSS Font Loading Module Level 3 - W3C Last Call Working Draft, 22 May 2014 æœ€æ–°ã®Editor's Draftã¯ã“ã£ã¡ã€‚ CSS Font Loading Module Level 3 - Editorâ€™s Draft ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ã®ä»•æ§˜æ›¸ã¯CSS Font Module Level 3ã§ã€2014/06/30æ™‚ç‚¹ã§å‹§å‘Šå€™è£œ(Candidate Recommendation)ã«ãª
rikuo 2014/07/01
Webfont
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆ â€” ãã‚Œã¯ã€æ–°ã—ã„ç”»åƒå½¢å¼
ã‚‚ã¯ã‚„ã€ãƒ•ã‚©ãƒ³ãƒˆã¯ã€Œç”»åƒå½¢å¼ã€ã®ã²ã¨ã¤ã§ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã‚„ãƒã‚´ã‚’Webã§è¡¨ç¤ºã™ã‚‹ãªã‚‰ã°ã€ã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆ(ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ)ã‚’è‡ªä½œã™ã‚‹ã®ãŒä¸€ç•ªã€‚ å‰åŠã§ã€ã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚’å–ã‚Šå·»ãç¾çŠ¶ã‚’ã€å¾ŒåŠã§å®Ÿéš›ã®åˆ¶ä½œæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â€»ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ã€2014å¹´5æœˆ15æ—¥ã®CSS Niteã§è©±ã—ãŸå†…å®¹ã§ã™ã€‚ http://cssnite.jp/afterdark/cpi/vol10/Read less
rikuo 2014/05/27
presentation

Webfont
ãƒªãƒ³ã‚¯
Web ãƒ•ã‚©ãƒ³ãƒˆã¨ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ | Yomotsu net
Web ãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã™ã‚‹éš›ã€æŠ€è¡“ã¨ã—ã¦ç†è§£ã™ã‚‹ã ã‘ã§ãªãã€ãƒ•ã‚©ãƒ³ãƒˆã«é©ç”¨ã•ã‚ŒãŸãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ç†è§£ã—ã¦ãŠãã“ã¨ã‚‚å¤§åˆ‡ã§ã™ã€‚ ç‰¹ã«å’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆã«ãŠã„ã¦ã¯ SIL Open Font License (OFL) mplus Font License IPA ãƒ•ã‚©ãƒ³ãƒˆãƒ©ã‚¤ã‚»ãƒ³ã‚¹v1.0 ã‚ãŸã‚Šã‚’é©ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã‚ˆã†ã§ã™ã€‚ã¾ãŸã€ã“ã‚Œã‚‰ã®ã„ãšã‚Œã‹ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒé©ç”¨ã•ã‚Œã¦ã„ã‚Œã° Web ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã ã—ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«ã‚ˆã‚‹æŒ‡ç¤ºã«å¾“ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ##å„ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®è¦ç‚¹ ###SIL Open Font License (OFL) OFL ã§ã‚ã‚‹ã“ã¨ã‚’æ˜Žç¤ºã™ã‚Œã°ã»ã¼è‡ªç”±ã« Web ãƒ•ã‚©ãƒ³ãƒˆã«åˆ©ç”¨ã§ãã¾ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹æ˜Žç¤ºæ–¹æ³•ã¯å¾Œè¿°ã€‚ ###mplus Font License ã»ã¼è‡ªç”±ã« Web ãƒ•ã‚©ãƒ³ãƒˆã«åˆ©ç”¨ã§ãã¾ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹æ˜Žç¤ºæ–¹æ³•ã¯å¾Œè¿°ã€‚ ###IPA ãƒ•ã‚©ãƒ³ãƒˆãƒ©ã‚¤
rikuo 2014/05/23
Webfont

license
ãƒªãƒ³ã‚¯
Webãƒ•ã‚©ãƒ³ãƒˆã®CSSæŒ‡å®š2014å¹´åº¦ç‰ˆã¨ã“ã‚Œã¾ã§ã®æ©ã¿
æ¯”ã¹ã‚‹ã€‚ WEBCRE8.jpã¨ãã®ä»²é–“é”ã§ã€webåˆ¶ä½œã«ãŠã‘ã‚‹ã€Œé¸æŠžã€ã« ãŠã„ã¦æœ€è‰¯ã ã¨æ€ã‚ã‚Œã‚‹ã‚‚ã®ã‚’è€ƒå¯Ÿã—ã¦ã„ãã‚«ãƒ†ã‚´ãƒªã§ã™ã€‚ æœ€è¿‘Webãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦è‰²ã€…èª¿ã¹ãŸã®ã§ã€ã“ã‚Œã¾ã§ã®çµŒç·¯ã‚„ãƒ¡ã‚¸ãƒ£ãƒ¼ã©ã“ã‚ã®è¨˜æ³•ã‚’è¸ã¾ãˆã¤ã¤è‰¯ã„æ›¸ãæ–¹ã‚’æŽ¢ã£ãŸçµæžœã‚’å…±æœ‰ã—ã¦ãŠãã¾ã™ï¼ç§è‡ªèº«ã¯ã¾ã å®Ÿå‹™ã§ç©æ¥µçš„ã«ä½¿ã£ã¦ã„ã‚‹ã‚ã‘ã˜ã‚ƒãªã„ã‚“ã§ã™ãŒâ€¦(ã§ã‚‚ã¼ã¡ã¼ã¡ä½¿ã£ã¦ã¾ã™)ã€‚è¶³ã‚Šãªã„éƒ¨åˆ†ã‚‚ã‚ã‚‹ã¨æ€ã†ã‚“ã§ä½•ã‹æŒ‡æ‘˜ãŒã‚ã£ãŸã‚‰ãŒã‚“ãŒã‚“ãƒ„ãƒƒã‚³ã‚“ã§ãã ã•ã„w @font-faceãƒ«ãƒ¼ãƒ« @font-faceãƒ«ãƒ¼ãƒ«ã¯ã€Webãƒ•ã‚©ãƒ³ãƒˆã®åç§°ã¨èªã¿è¾¼ã‚€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–¢é€£ã¥ã‘ã‚‹@ãƒ«ãƒ¼ãƒ«ã®ä¸€ã¤ã§ã™ã€‚ãã®ä»–ã€ã©ã®ã‚¦ã‚§ã‚¤ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã«å¯¾å¿œã™ã‚‹ã‹ã‚‚æŒ‡å®šã§ãã¾ã™ã€‚ ã—ã‹ã—Webãƒ•ã‚©ãƒ³ãƒˆã®æ‰±ã„ã¯ãƒ–ãƒ©ã‚¦ã‚¶å´ã®ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®å¯¾å¿œçŠ¶æ³ã€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«è‡ªä½“ã®é€²åŒ–ã«ã‚ˆã£ã¦å¤‰é·ã—ã¦ãã¾ã—ãŸã€‚ Bulletproof Syntax ã“ã‚Œã¾ã§Webãƒ•ã‚©
rikuo 2014/05/23
css

Webfont
ãƒªãƒ³ã‚¯
Inline SVG Vs Icon Fonts [CAGEMATCH] | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. If youâ€™re building an icon system for a site, you have some options. If you know the icons need to be raster images, then youâ€™ll likely be using CSS sprites. If the icons will be vector images (much more common these days), you have some options. Two of those options ar
rikuo 2014/04/23
SVG

Webfont

SVGã¨Webfont
ãƒªãƒ³ã‚¯
ãƒ‰ãƒƒãƒˆçµµã‹ã‚‰svgãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ã„ãŸã‚ˆ - MANA-DOT
å‰å›žä½œã£ãŸã€ãƒ‰ãƒƒãƒˆçµµã‹ã‚‰svgã‚’ä½œã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã¯ã€æ–‡å—ã‚’1ã¤ãšã¤svgã¨ã—ã¦å‡ºåŠ›ã™ã‚‹ãŸã‚ã€IcoMoonAppã§Webãƒ•ã‚©ãƒ³ãƒˆã«ã™ã‚‹ä½œæ¥ãŒå¤§å¤‰ã§ã—ãŸã€‚ ãªã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å›žåŽã—ã¦svg ãƒ•ã‚©ãƒ³ãƒˆã®å½¢å¼ã§ã¾ã¨ã‚ãŸçŠ¶æ…‹ã§å‡ºåŠ›ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚(ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰) ã“ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å®Ÿè¡Œã™ã‚‹ã¨ã€8x8ã®ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰ä»¥ä¸‹ã®ã‚ˆã†ãªsvg ãƒ•ã‚©ãƒ³ãƒˆå½¢å¼ã®svgãŒå‡ºåŠ›ã•ã‚Œã¾ã™ã€‚ <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <svg xmlns="http://www.w3.org/2000/svg"> <def> <font id="8x8" horiz-adv-x="1024"> <font-face units-per-em="1024" ascent="1024" descent="0"/> <missing-glyph hori
rikuo 2014/02/10
svg

ãƒ‰ãƒƒãƒˆçµµ

webfont
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸