商用無料ã€æ–°ä½œãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãŒãƒªãƒªãƒ¼ã‚¹ï¼ ã‹ã‚ã„ã„デザインã«ã´ã£ãŸã‚Šã€å¥³åæ ¡ç”Ÿã®æ›¸ãæ–‡å—風フォント「ninaSchoolgirlã€
「ã«ãªãƒãƒžãƒ³ã€ã€ã€Œãã¡ã°ã—フォントã€ãªã©ã€æ¥½ã—ãã¦ã‹ã‚ã„ã„フリーフォントをãŸãã•ã‚“リリースã•ã‚Œã¦ã„ã‚‹213ã¡ã‚ƒã‚“ã‹ã‚‰ã€æ–°ä½œãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸï¼ 今回ã¯ã€å¥³åæ ¡ç”Ÿã®æ›¸ãæ–‡å—風フォント「ninaSchoolgirl〠ã‹ã‚ã„ã„デザインã«ã´ã£ãŸã‚Šãªãƒ•ã‚©ãƒ³ãƒˆã§ã™ã。
新宿駅ã®ã€Œã‚¬ãƒ テープ案内表示ã€ã‚’作りã ã—ãŸä½è—¤ä¿®æ‚¦ã•ã‚“インタビュー ï¼ã€Žä¿®æ‚¦ä½“ã€ã¯ã“ã†ã—ã¦ç”Ÿã¾ã‚ŒãŸ
» 新宿駅ã®ã€Œã‚¬ãƒ テープ案内表示ã€ã‚’作りã ã—ãŸä½è—¤ä¿®æ‚¦ã•ã‚“インタビュー ï¼ã€Žä¿®æ‚¦ä½“ã€ã¯ã“ã†ã—ã¦ç”Ÿã¾ã‚ŒãŸ 特集 皆ã•ã‚“ã¯ã€ã€Œä¿®æ‚¦ä½“ã€ã¨ã„ã†æ›¸ä½“ã‚’ã”å˜ã˜ã ã‚ã†ã‹ï¼Ÿã€€ä½è—¤ä¿®æ‚¦ã•ã‚“ã¨ã„ã†ã‚¬ãƒ¼ãƒ‰ãƒžãƒ³ã®æ–¹ãŒã€ã‚¬ãƒ テープを使ã£ã¦ä½œã‚Šå‡ºã—ãŸæ›¸ä½“ã§ã‚る。ä½è—¤ã•ã‚“ã¯ã€2005～2007å¹´é ƒã«ã‹ã‘ã¦ãƒ†ãƒ¬ãƒ“ã‚„æ–°èžãªã©ã§è©±é¡Œã¨ãªã‚Šã€ãƒãƒƒãƒˆã§ã‚‚注目を集ã‚ãŸäººç‰©ã 。一時期JR新宿駅ã§ã€ã“ã®ä¿®æ‚¦ä½“を使ã£ã¦ã‚¬ãƒ テープã§æ›¸ã‹ã‚ŒãŸæ¡ˆå†…表示をã—ょã£ã¡ã‚…ã†ç›®ã«ã—ãŸã€‚ ã‚ã‚Œã‹ã‚‰ç´„10年を経ã¦ã€æ–°å®¿é§…ã®æ§˜åも様変ã‚ã‚Šã—ã€ã‚¬ãƒ テープã®æ¡ˆå†…表示も見ã‹ã‘ãªããªã£ã¦ã„ãŸã®ã ãŒâ€¦â€¦ã€‚ã“ã“最近ã€å†ã³æ–°å®¿é§…ã®ã‚¢ãƒã‚³ãƒã§ã€Œå·¦å´é€šè¡Œã€ã®æ–‡å—を見ã‹ã‘る。ã“ã‚Œã¯ã‚‚ã—ã‚„ï¼ã€€ä½è—¤ã•ã‚“ãŒå†ã³æ´»èºã—ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ï¼Ÿã€€ãã†æ€ã„ã€ç§ï¼ˆä½è—¤ï¼‰ã¯ãã®çœŸç›¸ã‚’確ã‹ã‚ãŸã€‚ ・約10å¹´å‰ã®è¨˜äº‹ ç§ãŒæœ€åˆã«ä¿®æ‚¦ä½“ã®å˜åœ¨ã‚’知ã£ãŸã®ã¯ã€ãƒãƒƒãƒˆãƒ¡ãƒ‡ã‚£ã‚¢ã€Œãƒ‡ã‚¤ãƒªãƒ¼ãƒãƒ¼ã‚¿ãƒ«Zã€ã®è¨˜äº‹ã ã£
和文フリーフォントã®æœ€ä¸Šä½ã§ã—ょï¼ã‚°ãƒ¼ã‚°ãƒ«ã¨AdobeãŒä½œã£ãŸã€Œæºã®è§’ゴシックã€ã‚’ゲットã™ã¹ã— * prasm（プラズム）
「15億人ã®äººã€…ã®ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€ã“ã‚Œã¯ãªã‹ãªã‹å¤§èƒ†ãªã‚‚ã®ã‚’ï¼ ãƒ‘ã‚½ã‚³ãƒ³ã‚’ä½¿ã£ã¦ç´™ã‚„らwebやらをデザインã™ã‚‹äººã®é–“ã§è©±é¡Œã«ãªã‚Šã¾ãã£ã¦ã„る書体をã”å˜çŸ¥ã§ã—ょã†ã‹ï¼Ÿ googleã¨Adobeã¨ã§å‘¼ã³æ–¹ãŒé•ã†ã®ã§ã€ã¡ã‚‡ã£ã¨ã‚„ã‚„ã“ã—ã„ã®ã§ã™ãŒã€ã“ã“ã¯ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã½ãå’Œåã§å‘¼ã³ã¾ã—ょã†ã€‚ æºã®è§’ゴシックã“ã¨Source Han Sansã§ã™ã€‚ Source Han Sans「ã•ã‚“ã€ã‚’ã¤ã‘ãŸã„気分 ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‚ˆã‚Šã€‚追記：ダウンãƒãƒ¼ãƒ‰å…ˆã‚’変更ã—ã¾ã—ãŸã€‚ Source Han Sans – Browse Files at SourceForge.net Source Han Sans ã®å…¥æ‰‹æ–¹æ³•ã«ã¤ã„㦠– M59ã®ãƒ–ãƒã‚° â–²ã“ã®è¾ºã€‚ ç„¡æ–™ã§ä½¿ãˆã‚‹æ›¸ä½“ã¯ä»Šã¾ã§ã„ãã¤ã‚‚ã‚ã£ãŸã—ã€Macã®äººã¯ã‚‚ã¨ã‚‚ã¨å…¥ã£ã¦ã„る「ヒラギノã€ãŒãªã‹ãªã‹å’Œæ–‡ãƒ»è‹±æ–‡ã¨ã‚ãšå„ªç§€ãªã®ã§ã€ãƒ•ã‚©ãƒ³ãƒˆã‚’（
toa-heavy.industries
toa-heavy.industries 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
GitHubã§ä½¿ç”¨ã•ã‚Œã¦ã„るアイコンフォント「Octiconsã€ãŒä¸€èˆ¬å…¬é–‹ã‚’開始
世界ä¸ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºè€…ã®ãŸã‚ã®å…±æœ‰ã‚¦ã‚§ãƒ–サービスã§ã‚ã‚‹GitHubã¯ã€åŒã‚µã‚¤ãƒˆã§ä½¿ç”¨ã•ã‚Œã¦ã„るアイコンフォント「Octiconsã€ã‚’一般å‘ã‘ã«å…¬é–‹ã‚’開始ã—ã¾ã—ãŸã€‚ Octicons http://octicons.github.com/ 公開ã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ä¸€è¦§ãŒã“ã¡ã‚‰ã€‚GitHubãŒä½¿ã£ã¦ã„るアイコンã ã‘ã‚ã£ã¦ã€é–‹ç™ºç³»ã®Webサイトやソフトã«ç‰¹åŒ–ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ãŒæƒã£ã¦ã„ã‚‹ã¨ã„ãˆã¾ã™ã€‚ サイトã§å„アイコンをクリックã™ã‚‹ã¨ã€å„アイコンã®æ–‡å—コード(Unicode)やサイト埋ã‚è¾¼ã¿ç”¨ã®ã‚¿ã‚°ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ フォントをPCã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã«ã¯ã€ŒDownload Octiconsã€ã‚’クリックã—ã€åœ§ç¸®ãƒ•ã‚¡ã‚¤ãƒ«(zipファイル)をダウンãƒãƒ¼ãƒ‰ã€‚ ファイルを解å‡ã—ã€ã€Œocticons-local.ttfã€ã‚’インストールã™ã‚‹ã¨ã€ãƒãƒ¼ã‚«ãƒ«ã§ã‚‚フォントを使用ã™ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ å„アイ
黄金律を使ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã®é«˜ã„ウェブサイトを作る方法
by arnoKath 美ã—ã„ウェブサイトを作るã“ã¨ã¯å˜ç´”ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ°—分をよãã™ã‚‹ã ã‘ã§ã¯ãªãã€ãƒ‘フォーマンスを上ã’ã‚‹ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ウェブサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚’上ã’ã‚‹ã«ã¯ä½¿ç”¨ã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚‚大切ã§ã™ãŒã€ãƒ•ã‚©ãƒ³ãƒˆã®å¤§ãã•ã‚‚é‡è¦ãªè¦ç´ 。ãã“ã§ã€é»„金律を使ã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’決ã‚ã‚‹ã“ã¨ã®é‡è¦ã•ã‚„方法をAdditive Analyticsã®CEOã§ã‚ã‚‹Laura Diane Hamiltonã•ã‚“ãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ The Golden Ratio and Typography - Laura Diane Hamilton http://www.lauradhamilton.com/the-golden-ratio-and-typography ウェブサイトã«æƒ…å ±ã‚’è¨˜è¼‰ã™ã‚‹ä¸Šã§ã€ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã«éšŽå±¤ã‚’è¨ã‘ã‚‹ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’æƒ…å ±ã¸æ£ã—ãå°Žãã“ã¨ãŒå¯èƒ½ã§ã‚ã‚‹ãŸã‚ã€ã‚¦ã‚§ãƒ–サイト上ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã¯è¤‡æ•°ã®ã‚‚
æ˜å’Œã£ã½ã„レトãƒãªé›°å›²æ°—ãŒæ¼‚ã†æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚
æ˜å’Œã£ã½ã„雰囲気ãŒã„ã„味をã ã—ã¦ã„るフリーã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ å…¨ã¦å€‹äººãƒ»å•†ç”¨åˆ©ç”¨ã¨ã‚‚ã«ç„¡æ–™ã§ã€ãªã‹ã«ã¯ãƒ‡ã‚¸ã‚¿ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã®åˆ©ç”¨ã€åŒäººèªŒã§ã®åˆ©ç”¨ã€ãƒã‚´ãªã©ã«ã‚‚利用ã§ãã¾ã™ã€‚ レトãƒãªãƒ•ã‚©ãƒ³ãƒˆã ã‘ã§ãªãã€ã“ã‚Œã¾ã§å…¨éƒ¨ã®æ—¥æœ¬èªžã®ç„¡æ–™ãƒ•ã‚©ãƒ³ãƒˆã¯ä¸‹è¨˜ã‚’ã©ã†ãžã€‚ 2017年用ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ 259種類ã®ã¾ã¨ã‚ FGレトム個人・商用サイトã§ç„¡æ–™åˆ©ç”¨å¯ã€‚åŒäººèªŒã‚„å„種å°åˆ·ç‰©ã‚„ãƒã‚´ãªã©ã‚‚å¯ã€‚ 和を扱ã†æ™‚ã€ãƒ¬ãƒˆãƒæ„Ÿã‚’ã ã—ãŸã„時ã«ã´ã£ãŸã‚Šãªã†ãã‚Šã®åŠ¹ã„ãŸæ›²ç·šãŒã©ã“ã‹æ‡ã‹ã—ã„レトãƒãªãƒ•ã‚©ãƒ³ãƒˆã€‚
Internet Explorer 9 ã®æœ€æ–°ç‰ˆã§ã‚‚改善ã•ã‚Œãªã„致命的ãªHelveticaãƒã‚°
IE9ã§ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œãªã„ã¨ã„ã†è‡´å‘½çš„ãªãƒã‚° ã”ã一般的ãªæ¡ä»¶ã§ç™ºç”Ÿã—ã¦ã€ç°¡å˜ã«å¯¾å¿œã§ãã‚‹ã®ã§ã€Webデザイナーやコーダーã®æ–¹ã«ä¼ãˆã¦ã‚ã’ã¦ãã ã•ã„。 ç§ã¯ã¨ã‚る環境ã®ãƒ†ã‚¹ãƒˆä¸ã«ç™ºç”Ÿã—ãŸã®ã§ã€è¨å®šãƒŸã‚¹ã ã¨æ€ã„数時間無駄ã«ã—ã¾ã—ãŸâ€¦ã€‚ ãƒã‚°ã®ç—‡çŠ¶ 具体的ã«ã¯ 1.「Type1ã®Helveticaã€ã‚’インストールã—ã¦ã„ã‚‹PC。 2.「cssã€ã§ã€Œbodyã€ã«ãŸã„ã—ã¦ã€Œfont-familyã€ã§ã€ŒHelveticaã€ã‚’å…ˆé ã«æŒ‡å®šã€‚ ã“ã‚“ãªã‚ã‚Šãµã‚ŒãŸç’°å¢ƒã§ç”»é¢ãŒçœŸã£ç™½ï¼ˆç°è‰²ï¼Ÿï¼‰ã«ãªã‚Šã¾ã™ã€‚ 以下ã®ç”»åƒã®ã‚ˆã†ã«ã€Œexample.com ã®è¡¨ç¤ºä¸ã«å•é¡ŒãŒç™ºç”Ÿã—ãŸãŸã‚ã€Internet Explorer ã¯äº’æ›è¡¨ç¤ºã‚’使用ã—㦠Web ページを更新ã—ã¾ã—ãŸã€‚ã€ã¨ã„ã†ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã¨å…±ã«çœŸã£ç™½ãªç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 以下ã®Webサイトã§ãƒã‚°ã‚’体験ã§ãã¾ã™ã€‚IE9ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã¿ã¦ãã ã•ã„。 「ãƒã‚°ç™ºç”Ÿæ¡ä»¶ã‚’å†
Bootstrapを使用ã—ã¦Webサイトを作æˆã—ã¦ã¿ãŸã®ã§ã™ãŒã€IE9ã ã‘何も表示ã•ã‚Œã¾ã›ã‚“。制作方法ãŒé–“é•ã£ã¦ã„ã‚‹ã®ã ã‚ã†ã¨ã€Bootstrapã§ä½œæˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’見ã¦ã¿ã¾ã—ãŸãŒä½•ã‚‚表示ã•ã‚Œã¾ã›ã‚“。(Bootstrapé…布サイトã™ã‚‰è¡¨ç¤ºã•ã‚Œãšâ€¦)IE8ã€Firefoxã€Chro...
Bootstrapを使用ã—ã¦Webサイトを作æˆã—ã¦ã¿ãŸã®ã§ã™ãŒã€IE9ã ã‘何も表示ã•ã‚Œã¾ã›ã‚“。 制作方法ãŒé–“é•ã£ã¦ã„ã‚‹ã®ã ã‚ã†ã¨ã€Bootstrapã§ä½œæˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’見ã¦ã¿ã¾ã—ãŸãŒä½•ã‚‚表示ã•ã‚Œã¾ã›ã‚“。(Bootstrapé…布サイトã™ã‚‰è¡¨ç¤ºã•ã‚Œãšâ€¦) IE8ã€Firefoxã€Chromeã§ã¯å•é¡Œãªã表示ã•ã‚Œã¾ã™ã€‚ Googleã§æ¤œç´¢ã—ã¦ã‚‚解決方法ãŒå‡ºã¦ã“ãšå›°ã£ã¦ãŠã‚Šã¾ã™ã€‚IE9ã§ã‚‚Bootstrapを使用ã™ã‚‹æ–¹æ³•ã¯ã‚ã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿ
日本語フリーフォントã¾ã¨ã‚最新版FreeFont一覧〜無料ダウンãƒãƒ¼ãƒ‰ – デザインã®ãƒ–ãƒã‚°
自分用ã«æ—¥æœ¬èªžãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚〜個人や商用ãªã©ã§ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる日本語ã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介〜年賀状ã«ã´ã£ãŸã‚Šãªãƒ•ã‚©ãƒ³ãƒˆã€æ‰‹æ›¸ãフォントã€ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªã‚´ã‚·ãƒƒã‚¯ãƒ»æ˜Žæœä½“ãªã©ã®æ¼¢å—ãŒä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãŒæƒã£ã¦ã¾ã™ï¼ˆä¸€éƒ¨ã‚’除ã）フォントを利用ã®éš›ã«ã¯å¿…ãšåŒæ¢±ã‚‚ã—ãã¯ã‚¦ã‚§ãƒ–サイトã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã”確èªãã ã•ã„。ã¾ãŸè¦ç´„・ダウンãƒãƒ¼ãƒ‰å½¢æ…‹ãŒå¤‰æ›´ã«ãªã‚‹å ´åˆãŒã‚ã‚‹ã®ã§ã”了承下ã•ã„。 フãƒãƒƒãƒ—デザインフォント ã†ã¤ãã—明æœä½“ フãƒãƒƒãƒ—デザインã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆä¸€è¦§ãƒšãƒ¼ã‚¸ 自由ã®ç¿¼ãƒ•ã‚©ãƒ³ãƒˆ [browser-shot width=â€600″ url=â€http://tanukifont.sblo.jp/article/74591320.htmlâ€] アニメ『進撃ã®å·¨äººã€ã®OP2をイメージ 2/3角フォント [browser-shot width=â€600″ url=â€http://opentyp
ズルã„デザインテクニックを生ã‹ã—ã¦ä½œã‚‹ã€æ±Žç”¨æ€§ã®ã‚るズルã„ボタンデザイン
ã•ã¦ä»Šå›žã¯ã€ã‚ºãƒ«ã„デザインテクニックã®é›†å¤§æˆã¨ã‚‚ã„ãˆã‚‹ã€Œã‚ºãƒ«ã„ボタンã€ã§ã™ã€‚ã“ã‚Œã¾ã§ã®é€£è¼‰ã§å–り上ã’ãŸæ•°ã€…ã®ã‚ºãƒ«ã„デザインテクニックã€ã€Œã‚ºãƒ«ã„テã‚ストシャドウã€ã€Œã‚ºãƒ«ã„グラデーションã€ã€Œã‚ºãƒ«ã„角丸ã€ã€ãã—ã¦å‰å›žè§£èª¬ã—ãŸã€Œã‚ºãƒ«ã„ボックスシャドウã€ã‚’用ã„ãŸã‚ºãƒ«ã„ボタンã®ä½œã‚Šæ–¹ã‚’解説ã—ã¾ã™ã€‚ 今回ã®ã‚ºãƒ«ã„ボタンã«é–¢ã—ã¦ã¯ã€ä»¥å‰ã«ã‚ºãƒ«ã„デザインテクニックã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç´¹ä»‹ã—ãŸã‚‚ã®ã‹ã‚‰å¤§å¹…ã«æ”¹å®šã‚’åŠ ãˆã¦ã€ã‚ˆã‚Šæ±Žç”¨æ€§ãŒã‚ã‚Šã€ã•ã¾ã–ã¾ãªå ´é¢ã§ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚‚ã®ã«åˆ·æ–°ã—ã¾ã—ãŸã€‚ 改良ã®ãƒã‚¤ãƒ³ãƒˆã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ æ–‡å—サイズã®å¤‰æ›´ã€ã¾ãŸãã‚Œã«ä½µã›ã¦ãƒœã‚¿ãƒ³ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«å¯¾å¿œã—ã¦ã„ã¾ã™ iタグを使ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ç”¨ã®Webフォントã«å¯¾å¿œã—ã¾ã—ãŸã€‚今回ã¯font-awesomeを使ã£ã¦è§£èª¬ã—ã¦ã„ã¾ã™ フラットデザインã®æµè¡Œã«ä¼´ã†ãƒ‡ã‚¶ã‚¤ãƒ³å‚¾å‘ã«åˆã‚ã›ã€ç«‹ä½“感やグラデーションをより控ãˆã‚ã«ã€ã‹ã¤paddingを大ãã‚ã«å–ã£ãŸ
フラットデザインã«å³æŽ¡ç”¨ï¼ç¾Žã—ã„日本語フォント。ã—ã‹ã‚‚無料。
最早至る所ã§è¦‹èžãã™ã‚‹ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€‚Appleã‚’åˆã‚Googleã‚„å„ウェブサービスã€ã‚¢ãƒ—リケーションã®UIã§ã‚‚ã©ã‚“ã©ã‚“å–り入れられã¦ã„ã¾ã™ã€‚ã”å˜çŸ¥ã®é€šã‚Šå‡¹å‡¸ãŒç„¡ãå·§ã¿ã«é…色を考ãˆã‚‰ã‚ŒãŸç¾Žã—ã„デザインã§ã€ã—ã°ã‚‰ãトレンドã¨ãªã‚‹äº‹ã¯é–“é•ã„ãªã„ã§ã—ょã†ã€‚ ãã“ã§ã‚„ã¯ã‚Šæ°—ã«ãªã‚‹ã®ãŒãƒ•ã‚©ãƒ³ãƒˆã€‚ã“ã ã‚ã‚Šã ã›ã°åˆ‡ã‚ŠãŒç„¡ã„ã‚‚ã®ã§ã™ãŒã€ä¸€åº¦ã“ã‚Œã¨ã„ã†ã‚‚ã®ã«å‡ºä¼šã†ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç›¤ã¨ã—ã¦å¤§æ´»èºã—ã¦ãã‚Œã¾ã™ã€‚ 今回Webã§è¦‹ã¤ã‘ã¦æ—©é€ŸæŒã£ã¦ã„ã‚‹Macå…¨ã¦ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸãƒ•ã‚©ãƒ³ãƒˆã¯ã“ã¡ã‚‰ã€‚ M+ FONTSã®ç´¹ä»‹ M+ OUTLINE FONTS ã¯ã‚³ãƒ³ãƒ”ュータãªã©ã§ã®å€‹äººåˆ©ç”¨ã‚’ã¯ã˜ã‚ã€å•†æ¥ç›®çš„ã§ã®åˆ©ç”¨ã€ãƒ•ã‚©ãƒ³ãƒˆå†…容ã®æ”¹å¤‰ã€æ”¹å¤‰å¾Œã®å†é…布ã«ã‚‚制é™ã®ç„¡ã„ã€è‡ªç”±ãªãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§å…¬é–‹ã—ã¦ã„るアウトラインフォントã§ã™ã€‚ 海外ã®ãƒ•ã‚©ãƒ³ãƒˆã¯ã‹ã£ã“ã„ã„ã®ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€çµå±€è‹±æ•°å—ã ã‘ãªã®ã§æ—¥æœ¬èªžã‚’使用ã—ãŸã„å ´åˆã¯ãƒãƒ©ãƒ³
フãƒãƒƒãƒ—デザインフォント
フãƒãƒƒãƒ—デザインフォントã¨ã„ã†å•†ç”¨å¯ã®æ—¥æœ¬èªžãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ フãƒãƒƒãƒ—デザインフォントã¯ã€ã©ãªãŸã§ã‚‚自由ã«ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã€å•†ç”¨ãƒ»éžå•†ç”¨å•ã‚ãšä½¿ç”¨ã§ãる日本語フリーフォントã§ã™ã€‚ã“ã®ãƒ•ã‚©ãƒ³ãƒˆã¯ç¬¬äºŒæ°´æº–ã®æ¼¢å—ã‚‚å«ã¾ã‚Œã€ãƒ¯ãƒ¼ãƒ—ãƒã€Adobe製グラフィックソフトãªã©ã®ã‚¢ãƒ—リケーションã§è‡ªç”±ã«åŠ å·¥ã—ã¦ä½¿ãˆã¾ã™ã€‚ã²ã‚‰ãŒãªã€ã‚«ã‚¿ã‚«ãƒŠã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã€æ•°å—をオリジナルã§åˆ¶ä½œã—ã€æ®‹ã‚Šã®éƒ¨åˆ†ã‚’M+FONTã§è£œã„ã¾ã—ãŸã€‚ã¾ãŸM+FONTã§ä¸è¶³ã—ã¦ã„ã‚‹æ¼¢å—ã‚’IPAゴシックã§è£œå®Œã—ã¦ã„ã¾ã™ã€‚ フォントã®ãƒ‡ã‚¶ã‚¤ãƒ³ç‰¹å¾´ã«ã¤ã„㦠水平ã€åž‚ç›´ã®ç·šãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã¨ãªã£ã¦ã„るシンプルãªã‚´ã‚·ãƒƒã‚¯ä½“ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚æš–ã‹ã¿ã®ã‚る手書ãã‚’æ„Ÿã˜ã•ã›ã‚‹ã²ã‚‰ãŒãªã€ã‚·ãƒ£ãƒ¼ãƒ—ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚«ã‚¿ã‚«ãƒŠã€ã‚¹ãƒžãƒ¼ãƒˆã§ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã®é«˜ã„アルファベット（英語）ã€ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§èªã¿ã‚„ã™ã„æ•°å—ã¨ãã‚Œãžã‚Œç•°ãªã‚‹è€ƒãˆã«åŸºã¥ã„ã¦ä½œã‚‰ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚ã—ã‹ã—
ソースコードを表示ã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆã€ŒSource Code Proã€ã‚’アドビãŒã‚ªãƒ¼ãƒ—ンソースã§ç„¡æ–™å…¬é–‹ ï¼ Publickey
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„マークアップãªã©ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä½œæ¥ã®ã¨ãã«ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’表示ã™ã‚‹ç›®çš„ã§é–‹ç™ºã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã€ŒSource Code Proã€ã‚’米アドビãŒã‚ªãƒ¼ãƒ—ンソースã¨ã—ã¦ç„¡æ–™å…¬é–‹ã—ã¾ã—ãŸã€‚24日（日本時間24日深夜）ã«é–‹å‚¬ã•ã‚ŒãŸåŒç¤¾ã®ã‚¤ãƒ™ãƒ³ãƒˆCreate the Webã§ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚
ã‚‚ã†ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã¯ã„らãªã„ï¼ Webフォントを使ã£ã¦ã€iOS風タブãƒãƒ¼ã¨ã‚¢ã‚¤ã‚³ãƒ³ã‚’作æˆã™ã‚‹æ–¹æ³•
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ 最近ã€ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚»ãƒƒãƒˆã•ã‚ŒãŸWebフォントを使ã†ã“ã¨ã§ã€ ç”»åƒã‚’使ã‚ãšã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹ã¨ã„ã†æ‰‹æ³•ãŒæµè¡Œã£ã¦ã„ã¾ã™ã。 ã™ã”ã興味ã¯ã‚ã£ãŸã®ã§ã™ãŒã€ãªã‹ãªã‹ä½¿ã†æ©Ÿä¼šã‚‚ãªã〠便利ãã†ã ãªã¨æ€ã£ã¦ã„ãŸã ã‘ã§ã€ä»Šã¾ã§ä½¿ã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ã€å…ˆæ—¥ã€ã¨ã‚る案件ã§ã‚„ã£ã¨ä½¿ã†æ©Ÿä¼šã«æµã¾ã‚ŒãŸã®ã§ã€ã‚„り方をã”紹介ã„ãŸã—ã¾ã™ã€‚ (プãƒãƒˆã‚¿ã‚¤ãƒ—ã ã‘作ã£ã¦ã€çµå±€ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦ã¯ä½¿ã„ã¾ã›ã‚“ã§ã—ãŸãŒãƒ»ãƒ»ãƒ») 最近話題ã«ãªã£ã¦ã„ãŸã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆãŒã¨ã¦ã‚‚便利ã§ã™ã€‚ Fontello - http://fontello.com/ 使ã„ãŸã„フォントをé¸æŠžã—ã¾ã™ã€‚ ã“ã“ã§ã¯ã€ã€ŒEntypoã€ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰5ã¤é¸æŠžã—ã¾ã™ã€‚ é¸æŠžãŒçµ‚ã‚ã£ãŸã‚‰ã€ä¸Šéƒ¨ã®ã‚¿ãƒ–ã‹ã‚‰ã€ŒEdit codesã€ã‚’クリックã—ã¾ã™ã€‚ アイコン画åƒã®ä¸Šéƒ¨ã®ãƒãƒ¼ã‚’クリックã—ã¦ã€ã‚¢ã‚¤ã‚³ãƒ³ã«å‰²ã‚Šå½“ã¦ã‚‹æ–‡å—列を決ã‚ã¾ã™ã€‚ 英語ã§é
IE9用ã®CSSãƒãƒƒã‚¯ï¼ŸWebページã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®šã§ä»Šå¾Œæ³¨æ„ã™ã‚‹äº‹
| 人気ページ | ãŠã™ã™ã‚記事 | 定番ツール | IE9用ã®CSSãƒãƒƒã‚¯ï¼ŸWebページã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®šã§ä»Šå¾Œæ³¨æ„ã™ã‚‹äº‹ IE9ã®ã¿ãƒ•ã‚©ãƒ³ãƒˆã®é–“隔を微妙ã«åºƒã’ã‚‹ãŸã‚ã®CSSãƒãƒƒã‚¯ã®ç´¹ä»‹ã§ã™ã€‚ã¨ã„ã†ã‹ã€ä»Šå¾Œã¯ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æŒ‡å®šã‚’以å‰ã«ã‚‚ã¾ã—ã¦æ³¨æ„ã™ã‚‹å¿…è¦ãŒå‡ºã¦ãã¾ã—ãŸã€‚
フォントæ画をã‚レイã™ã‚‹ã‚½ãƒ•ãƒˆ: gdi++ Helium, gdipp :: ã‚ミガタメ「ãƒã€
gdi++ Heliumã€gdipp ã¯ã€Windows ã®ãƒ•ã‚©ãƒ³ãƒˆæ画を乗ã£å–りフォントを綺麗ã«è¡¨ç¤ºã•ã›ã‚ˆã†ã€ã¨ã„ã†ã‚½ãƒ•ãƒˆã§ã™ã€‚ï¼ï¼³ Ｐゴシックãªã©ã®ãƒ“ットマップフォントã«ã‚‚アンãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã‚’ã‹ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 上㌠gdipp を有効ã«ã—ãŸè¡¨ç¤ºã§ã™ã€‚標準ã®ãƒ•ã‚©ãƒ³ãƒˆè¡¨ç¤ºã¨æ¯”ã¹ã¦ã€ãšã£ã¨ç¶ºéº—ã§èªã¿ã‚„ã™ã„æ–‡å—ã«ãªã£ã¦ã„ã¾ã™ã€‚ã²ã¨ã¤ã‚½ãƒ•ãƒˆã‚’インストールã™ã‚‹ã ã‘ã§ã€ã“ã“ã¾ã§å¤‰ã‚ã‚Šã¾ã™ã€‚ å°‘ã—ã ã‘ã€æ´å²çš„経緯。èªã¿é£›ã°ã—ã¦ã‚‚ã©ã†ãžã€‚↓↓ ã‹ã¤ã¦ã€gdi++.dll ã¨ã„ã†ã‚½ãƒ•ãƒˆãŒã‚ã‚Šã¾ã—ãŸã€‚大ããªã‚µã‚¤ã‚ºã§æç”»ã•ã›ãŸãƒ•ã‚©ãƒ³ãƒˆã‚’縮å°ã•ã›ã¦è¡¨ç¤ºã•ã›ã‚‹ä»•çµ„ã¿ã§ã—ãŸã€‚ ã—ã‹ã—ã€æ‹¡å¤§ç¸®å°ã®æ–¹æ³•ã§ã¯ç¶ºéº—ã«è¡¨ç¤ºã•ã›ã‚ˆã†ã«ã‚‚é™ç•Œã«é”ã—ãŸãŸã‚ã€gdi++ ã¯æ–¹å‘を大ãã変ãˆã€FreeType ã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを利用ã—ã¾ã™ã€‚è¦ã™ã‚‹ã«ã€Linux ã¨åŒã˜ç”¨ãªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã‚’使ãŠã†ã€ã¨ã„ã†ç™ºæƒ³ã§ã™ã€‚ オープンソー
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
日本人プãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘コーディングフォント「Bizin Gothicã€ãŒç„¡å„Ÿå…¬é–‹ï¼ã€ŒRictyã€ã§ã‚‚ãŠé¦´æŸ“ã¿ã®ã€ŒInconsolataã€ã¨èªã¿ã‚„ã™ã„「BIZ UDゴシックã€ã‚’ã‹ã‘åˆã‚ã›
GitHub - mozilla/Fira: Mozilla's new typeface, used in Firefox OS
GitHub - adobe-fonts/source-code-pro: Monospaced font family for user interface and coding environments
{{#tags}}- {{label}}
{{/tags}}