ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
æåã®ä¸ã«1ã¤ã ãéããã©ã³ããç´ãã¦ãã¾ããåããã¾ããï¼ ãããåãããªãâ¦â¦ Cygamesããã¡ãã²ã¤ããã«ããã¦ã¹ãã¼ããã©ã³åãæè²ã²ã¼ã ã絶対ãã©ã³ãæãGoogle Playçã®é ä¿¡ãéå§ãã¾ããï¼iOSçã¯å¾æ¥ãªãªã¼ã¹äºå®ï¼ã ãã©ã³ãã«é¢å¿ãæã£ã¦ã»ããã¨éçºããããã®ã§ããééãæ¢ããããã©ã³ãã«é¢ããåé¡ãéãããããã¢ãã¯ã¯ã¤ãºãããã©ã³ãã®å½¢ãè¦ãããè¦ãã¦å½ã¦ã¦ããªã©ã楽ããã¾ãã ã絶対ãã©ã³ãæãã¨ã¯ãã©ã³ããç¬æã«è¦åããè½åã®ãã¨ã§ã極ããã¨æ°èã®æåãè¦ãã ãã§æ°èåãå¤æãããã¨ãã§ããã®ã ã¨ããã³ã©ãªã©ãå¤å¥ããã®ã«ãå©ç¨ã§ãããã advertisement é¢é£è¨äº ã¢ãã¡ãèå£ä½¿ãã®ç¦åªè© å±ãã®è© å±åªæãã©ã³ããå ¬å¼ãç¡æé å¸ã誰ã§ãâ綴ãï¼âãå¯è½ã« å¤ä»£æåã£ã½ãã¢ã¬ãèªç±ã«ä½¿ãããï¼ ãæ±æ¹projectããã£ã©ã¯ã¿ã¼ãâãã©ã³ãåâ
CSS SANS ã¯ãWEBä¸ã§ãã¶ã¤ã³ã»æåçµãããããã®ããã°ã©ãã³ã°è¨èª CSS ã§ã¤ãããããã©ã³ãã WEBã®æ´å²ã»é²åãæ ãåºããæ代ã«åããã¦å½¢ãå¤ãããããã¾ã§ã«ãªããã©ã³ãã§ãã CSS SANS is the font created by CSS, the programming language for web designing and typesetting. It is an unprecedented font that reflects history and evolution of the Web, and even changes its own shape. ãã©ã³ãã®æãç«ã¡How the font is madeCSS ã§ã§ãããã¨ã¯ãWEBãã¼ã¸ã®ã¬ã¤ã¢ã¦ããæ´ããããæåçµã»æåéã®èª¿æ´ãããããªã©ãæ§ã ã ãã ã²ã¨ã¤ããæåèªä½ããã¶ã¤ã³
>ãã®ã³ãã大ãã«æ´»ç¨ãã¦ã°ã©ãã£ãã¯ãã¶ã¤ã³ã«ææ¦ãã¦ã¿ã¦ãã ããï¼ ã½ã¼ã·ã£ã«ã¡ãã£ã¢åãã®ãã¶ã¤ã³ããã¤ãã³ãç¨ã®æå¾ ç¶ã¾ã§ãã©ããªãã¶ã¤ã³ã§ãããã¨ä½¿ããã°ã©ãã£ãã¯ãã¶ã¤ã³ã®ã¢ããªã¯ããããããã¾ãã ãã¢ãªã³ã°ãã©ã³ããã¹ã±ã¼ã«ããè¡æãããã¯ã¤ãã¹ãã¼ã¹ã¾ã§ããã¶ã¤ã³ã®ä¸çã¯è¤éãªé¢ãæã¡ã¾ãããã®25ã®ã°ã©ãã£ãã¯ãã¶ã¤ã³ã®ã³ãããåµä½éç¨ã®ãããããéãã¦ããªãã®æå©ãã«ãªãã§ãããã åé ç®ãã¤ã¡ã¼ã¸ããç»åãã¯ãªãã¯ãã¦ã ç¬èªã®ãã¶ã¤ã³ ã«ç·¨éãã¦ã¿ã¾ãããã楽ãããã¶ã¤ã³ãï¼ 01. ãã©ã³ãé ¼ã¿ãããã¦ãæ¸ä½ãå¶éãã¦ã¿ã ãã®ãã¶ã¤ã³ãç·¨éãã¦ã¿ã ã·ã³ãã«ãã¤å¹æçãªã°ã©ãã£ãã¯ãã¶ã¤ã³ã®ããã«èªã¿ããããã©ã³ãã使ãã¾ããããããã¤ãã®æ¸ä½ã使ç¨ãããã¶ã¤ã³ã¯èªã¿ã¥ãããã®ã§ããçµ±ä¸ããããã©ã³ãã使ãããã«ãã¾ãããã ããã§ã¯Aileronã®ãã©ã³ãã
ä»æ¥ã¯ãWebãã©ã³ãã®è©±é¡ããæ¥æ¬èªWebãã©ã³ãã¯ãã使ããããã§ãéããªãããã¡ãã£ã¨ãã¨ãã人ãå¤ãã¨æãã¾ããã§ããã°ã¼ã°ã«ãã¯ã©ã¦ãä¸ã§Webãã©ã³ããæä¾ãå§ãããã¨ã§â¦â¦ã ã°ã¼ã°ã«ãæ¥æ¬èªã®Webãã©ã³ããã¯ã©ã¦ãã§æä¾éå§ã°ã¼ã°ã«ãæ¥æ¬èªã®Webãã©ã³ããæä¾ãå§ãã¦ãã¾ãããå®ã¯ã2014å¹´7æãããã£ããããã®ã§ãããç§ã¯ã¤ãæè¿ã«ãªã£ã¦ç¥ãã¾ããã ãã®åãããNoto Sans Japaneseãããã®ãã¼ã¸ã®è¡¨ç¤ºãããNoto Sans Japaneseãã«ãã¦ããã¾ãã Noto Sans Japaneseã¯ã6934æåã«åæ¸ãããµãã»ããçãæä¾ããã¦ãããã¦ã§ã¤ãï¼å¤ªãï¼ã7ããªã¨ã¼ã·ã§ã³ã1ã¦ã§ã¤ããããç´4.5Mãã¤ãã»ã©ã®ãµã¤ãºã§ãã 使ãæ¹ãç°¡åã«èª¬æããã¨ãCSSã§å®ç¾©ãã¡ã¤ã«ãèªã¿è¾¼ã¿ã <style> @import url(http:/
ç解ãã¦ãããããCSSã«ããã¤ã³ã©ã¤ã³ã¬ã¤ã¢ã¦ãã®ä»çµã¿ï¼font-sizeï¼line-heightç·¨ï¼Inline LayoutâFrontrend Conference é«æ´¥æ¸å£®ï¼æ ªå¼ä¼ç¤¾ãã¯ã»ã«ã°ãªããï¼ ãã®è¨äºã¯ãFrontrend Conferenceã®ã»ãã·ã§ã³ãInline layoutãã§ã話ããã¦ããã ããå 容ãåºã«ãé£è¼è¨äºï¼å ¨4åï¼ã¨ãã¦æ¸ãèµ·ããããã®ã§ããä»åã¯ç¬¬ï¼åç®ã§ãã ã¯ããã« Frontrend Conferenceã§ã¯ãçãããæ°ããæè¡ã«ã¤ãã¦è©±ãã¦ããä¸ãç§ããã¯CSS2.1ã®ã話ãããã¦ããã ãã¾ãããç§ã解説ããã®ã¯ãCSSãæ¸ãä¸ã§æ¬ ãããªãã以ä¸ã®4ã¤ã«ã¤ãã¦ã§ãã font-size line-height vertical-align inline-block ãã¬ã³ãã¨ã¯ã»ã©é ãå 容ã§ã¯ããã¾ãããå¤ãã®äººã«ã¨ã£ã¦ããªãã¨ãªãæè¦
ããå°ãç´°ããã©ã³ãã欲ããã横ç·ãçãã®ãã©ã³ãã欲ãããã«ã¯ã«ã¯ãããã©ã³ãã欲ãããªã©ãèªåä»æ§ã«ãã©ã³ããç°¡åã«ãã¶ã¤ã³ã§ãããããOpenTyepã¨TrueTypeã®ãã©ã³ãã¨ãã¦ãã¦ã³ãã¼ãã§ãããªã³ã©ã¤ã³ãµã¼ãã¹ãç´¹ä»ãã¾ãã å æ¥ç´¹ä»ãããè±èªãæ¥æ¬èªãçµµæåãªã©ç´ã«æ¸ããæåãããã©ã³ããã¤ããããªã³ã©ã¤ã³ãµã¼ãã¹ãã¨ã¯ã¾ãéã£ããã©ã³ãä½æãã¼ã«ã§ããããããµã¼ãã¹ãå¢ããã®ã¯å¬ããã§ããã
ãããããã´ã·ãã¯ããããã´ããã·ã´ã·ãã¯ãã®ä½è æ§ãããªã¼ãã©ã³ããæ°ãããªãªã¼ã¹ããã¾ãããéã³å¿æºè¼ã®ã©ãããã¤ã¡ã¼ã¸ãã軽ããã§ãããããã¶ã¤ã³ã®ããªã¼ã®æ¥æ¬èªãã©ã³ããã©ããPOPããç´¹ä»ãã¾ãã å人èªã»ã¢ãã¡ãã¯ãããWebãç´ãæ åããã´ãã¶ã¤ã³ãªã©ã«ãç¡æã§å©ç¨ã§ãã¾ãã ãã©ã³ãï¼ã©ããPOP ã¤ã©ã¹ãï¼å°åããã ã©ããPOPã¯ãã¸ãã¯ã§æ¸ãããããªå¢ãã®ãããã¶ã¤ã³ã§ã軽ããã§å¼¾ããããªå æ°ãã¨æ¥½ããé°å²æ°ãæãããããããããã©ã³ãã§ãã
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
å ¬éãã¦ãããã©ã³ãä¸è¦§ã表示ãã¦ãã¾ããã©ã¤ã»ã³ã¹ã«ã¤ãã¦ã¯ãã©ã³ãã«ãã£ã¦ç°ãªããã¨ãããã¾ãã®ã§ãåãã¦ã³ãã¼ããã¼ã¸ã«ã¦ã確èªãã ããã Extra Light ãããããã«ç´°ã Extra Thin ã¦ã§ã¤ãã®è¶ 極細æ¥æ¬èªãã©ã³ããè¶ æ¥µç´°ã´ã·ãã¯ä½ã ãã®ãã©ã³ãã¯ããè¶ æ¥µç´°ããç®çã¨ãã 大ããªç´ããã¨ã«ãã¼ã«ãã³ãå®è¦ã§ãªãã£ããããªã¤ã¡ã¼ã¸ã«ä»ä¸ãã£ã¦ãã¾ããç¡æ©è³ªã§æ¸ æ½æã»éææãããã¢ãã³ã§ãã£ã±ããããã©ã³ãã§ãã ãã¦ã³ãã¼ããã¼ã¸ã¸ ã¹ãã³ãµã¼ãªã³ã¯ 極細ã§ãªã¼ã«ãã¹ã¿ã¤ã«ã®ããªæåãç¹å¾´çãªããªãã¿æ¥µç´°ã´ã·ãã¯ã ã¢ãã³ã§ç´ç·çãªæ¼¢åã®ãã¶ã¤ã³ã¨ãæãçãã¯ã©ã·ãã¯ãªããªæåãäºã¤ã®ç¹å¾´ãä½µãæã£ããå°ã風å¤ãããªãã©ã³ãã§ãã ãã¦ã³ãã¼ããã¼ã¸ã¸ ã¹ãã³ãµã¼ãªã³ã¯ è¶ æ¥µç´°ãã©ã³ãããããã¢ãã³ãªã´ã·ãã¯ä½ãã³ãããã
ç®æ¬¡ ããããã»ç¹ç´°ç³»ã®æ¥æ¬èªãã©ã³ã 12ç¨®é¡ åå¼·ã太æåç³»ã®æ¥æ¬èªãã©ã³ã 8ç¨®é¡ ææ¸ãã»æ¯çç³»ã®æ¥æ¬èªãã©ã³ã 6ç¨®é¡ ã¬ããç³»ã®æ¥æ¬èªãã©ã³ã 3ç¨®é¡ ã³ããã¯ç³»ã®æ¥æ¬èªãã©ã³ã 2ç¨®é¡ æ°è¸é¢¨ã®æ¥æ¬èªãã©ã³ã 2ç¨®é¡ å¤ãã種ã®æ¥æ¬èªãã©ã³ã 4ç¨®é¡ ãã©ã³ããå©ç¨ããéã¯å¿ ãè¦ç´ã®ç¢ºèªã åç¨å©ç¨ã®å¯å¦ãæ¡ä»¶ã«ã¤ãã¦ã¯èª¿æ»ãè¨è¼ãã¦ãã¾ãããåç¨å©ç¨ã®ã¿ææçã®è³¼å ¥ãå¿ è¦ã ã£ãããé å¸å ã¸ã®é£çµ¡ã ã£ããããå¿ è¦ãªã±ã¼ã¹ãããã¾ãããå©ç¨ã®éã¯ãå¿ ããã©ã³ãé å¸å ãµã¤ãã§å©ç¨è¦ç´ãã確èªãã ããã 1. ããããã»ç¹ç´°ç³»ã®æ¥æ¬èªãã©ã³ã 12ç¨®é¡ è½ã¡çããåªãããã¶ã¤ã³ã«ããããããç¹ç´°ãªãã©ã³ããéãã¾ãããçãå¼·ããªã使ãããããã®ãå¤ãã®ã§ãéå®ã§ãã¾ãã ã¤ãã¸ã³ã»ã¨ã³ãããã©ã³ã ã¤ãã¸ã³ã»ã¨ã³ãããã©ã³ã ã²ãããªã»ã«ã¿ã«ãã«å ãã横æµå¸ã«é¢é£ããæ¼¢åã使ãã¾ã
ãã¶ã¤ã³ã楽ãããªããããªç´ æ´ãããç¡æã®æ°ä½ãã©ã³ããç´¹ä»ãã¾ãã ä»æã¯ãã·ã³ãã«ã§ç¾ãããã©ã³ãããããããããã©ã³ãããã£ããããã©ã³ããã¹ã¯ãªããç³»ã®ãã©ã³ããªã©è¯ãã©ã³ããè±ä½ã§ãï¼
è¦èªæ§ãé«ããã·ã³ãã«ã§ãã£ãããããã¶ã¤ã³ã®ãDINãã«ã¤ã³ã¹ãã¤ã¢ããã¦ä½æãããåç¨ã§ãç¡æã§å©ç¨ã§ããããªã¼ãã©ã³ããGidoleãã¨ãGidolinyaããç´¹ä»ãã¾ãã Gidoleã¯ãã£ãããããã¶ã¤ã³ãGidolinyaã¯ã«ã¼ããç·©ããããããããã¶ã¤ã³ã§ãã
ããã®æ¥çã¯â¦â¦ãã¯ãç§ãã¡ã®ããã®ãã®ã§ã¯ãªãããWondraæ°ã®å人ã§ããã²ã¼ã éçºè ã¯ãã¨ããæ·±å¤ã«Wondraæ°ã¸ã®ã¤ã³ã¹ã¿ã³ãã¡ãã»ã¼ã¸ã§ããåããã¨ããã ã²ã¼ã ãã¶ã¤ãã¼ã¨è¨ãã°ããããªã²ã¼ã éçºã®ãªãã§ãè±å½¢ã®è·æ¥ã®1ã¤ã ãããããã¢ãã©ã®ãããªå½¹å²ãæã¡ã©ãæ©è½ããã®ãããªã©ãã²ã¼ã ã®ç´°ããªé¨åã¾ã§ãã¶ã¤ã³ããã²ã¼ã ã®å ·ä½çãªè¨è¨å³ãè¨ããèªåã®æãéãã«ã²ã¼ã ãæãè¨è¨è ã ãã ããã²ã¼ã ã®æ ¹å¹¹ã¨ãªãä»çµã¿ãã¹ã¿ã¤ã«ãèããã ãã«ãç¹ã«è¿å¹´æ¿ããâãããªã²ã¼ã ã®å¤åâã«ãã£ã¨ãå½±é¿ãåããè·æ¥ã§ãããã®ãããããªãã Greg Wondraæ°ã¯ã11年以ä¸ã®çµé¨ãããæµ·å¤ã®ã²ã¼ã ãã¶ã¤ãã¼ã§ãããå½¼ã«ã¨ã£ã¦ã²ã¼ã ãã¶ã¤ãã¼ã«ãªããã¨ã¯ããã¤ã¹ã¯ã¼ã«ã«éã£ã¦ããããããã®å¤¢ã ã£ãããã®å¤¢ã¯2004å¹´ã«å®ç¾ããããã£ãªã¢ãã¹ã¿ã¼ãããããã³ãããªã³ã®ã²ã¼ã éçºé¨éãSpark
ãã¤ãã¿ã¼ãã©ãã¯ã¼6000人çªç ´è¨å¿µã¨ãã¦ã諸èãã¡ã綴ãè© å±æåã®ãã©ã³ããã¼ã¿ããã¬ã¼ã³ãï¼ã¦ã£ã³ãã¦ãºãMacã¨ãã«å¯¾å¿ã§ãï¼ â»ãã£ã³ãã¼ã³ã¯çµäºãããã¾ãã â å ¥åå¯è½æå å ¨è§ã²ãããªï¼åè§è±æ°åï¼è¨å·ï¼ä¸é¨ï¼ â 対å¿OS Windows ãMac OS â使ç¨æ¹æ³ ãã¦ã³ãã¼ãããããã¡ã¤ã«ã¯zipå§ç¸®ããã¦ãã¾ãã®ã§ã解åãã¦ãå©ç¨ãã ããã 解åæ¹æ³ãã¤ã³ã¹ãã¼ã«æ¹æ³ãªã©ã«ã¤ãã¦ã®åå¥ã®è³ªåã«ã¯ãå¿ãã§ãã¾ããã âå©ç¨è¦ç´ ãã©ã³ãã®èä½æ¨©ã¯ãã¯ã«ãã¬è£½ä½å§å¡ä¼ã«å¸°å±ãã¾ãã ãã©ã³ãã®ã使ç¨ã«ãã£ã¦ãããªãæ害ãçãã¦ããã¯ã«ãã¬è£½ä½å§å¡ä¼ã¯ä¸åãã®è²¬ä»»ãè² ãã¾ããã å人ï¼éåç¨ã§ãå©ç¨ãã ãããåç¨ã§ã®ç¡æå©ç¨ã¯ç¦æ¢ãã¾ãã âç¦æ¢äºé ãã©ã³ããã¼ã¿ã®æ¹å¤ãç¡æ転è¼ãåé å¸ãªãã³ã«è²©å£²ã¯ç¦æ¢ãã¾ãã
Photo by Linux Screenshots ããã«ã¡ã¯ãè°·å£ã§ãã ã¨ã³ã¸ãã¢ã®çããã¯ãããã°ã©ãã³ã°ãããéã«ã©ããªãã©ã³ãã使ç¨ãã¦ãã¾ããï¼ ãç¹ã«ãã ãããªãããããã©ã«ãã®ã¾ã¾ãã¨ããæ¹ãå¤ãã¨ã¯æãã¾ãããããã°ã©ãã³ã°ä¸ã¯å¤§éã®æåãèªãã ãæ¸ããããç¶ããããã§ãããããªãã¹ãå¯èªæ§ãé«ãã¦ã¹ãã¬ã¹ãå°ãªããã¾ãèªåã®æ°ã«å ¥ã£ããã©ã³ããè¦ã¤ããæ¹ãããã®ã§ã¯ãªãã§ããããã ããã§ä»åã¯ãã¨ã³ã¸ãã¢ã®çããã«ãå§ãã®ãããã°ã©ãã³ã°ã«æé©ãªç¡æãã©ã³ãã11åãç´¹ä»ãããã¾ãã â ã©ããããã©ã³ããè¦ãããã®ï¼ ãã©ã³ãã«ã¯ãã»ãªãä½ã¨ãããã®ã¨ãµã³ã»ãªãä½ã¨ãããã®ãããã¾ãã ã»ãªãã¨ã¯ãæåã®ç·ã®ç«¯ã«ã¤ãããããã²ããã®ãããªãç·ã»é£¾ãã®ãã¨ãè¨ãã¾ãã ä¾ãã°ãä¸ã®å³ã§ããã¾ãã¨ãä¸ã®ãã©ã³ãï¼MSææï¼ãã»ãªãä½ãä¸ã®ãã©ã³ãï¼MSã´ã·ãã¯ï¼ããµã³ã»
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}