モダン日本語フォント指定
CSSã®font-familyã§æ¸¸ã‚´ã‚·ãƒƒã‚¯ã‚’指定ã™ã‚‹ã¨ã€Windowsã§ç´°ããªã£ã¦ã—ã¾ã†å•é¡Œã®åŽŸå› ã¨è§£æ±ºæ–¹æ³•ã‚’ä¸å¿ƒã¨ã—ã¦ã€æœ€è¿‘ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆäº‹æƒ…ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ CSS Nite LP47 Coder's High 2016ã«ã¦ãŠè©±ã—ãŸå†…容ã§ã™ã€‚ 昔ã‹ã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニアを悩ã¾ã›ã¦â€¦
FONTFREE
フォントフリーã«ã¤ã„㦠FONT FREE（フォントフリー）ã¯ã€ç„¡æ–™ã§ä½¿ãˆã‚‹æ—¥æœ¬èªžãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆæŠ•ç¨¿ã‚µã‚¤ãƒˆã§ã™ã€‚ æ¼¢å—やカタカナã€ã²ã‚‰ãŒãªã‚’ã¯ã˜ã‚ã¨ã—ãŸæ—¥æœ¬èªžã®ç„¡æ–™ãƒ•ã‚©ãƒ³ãƒˆã‚’ã€æ˜Žæœã‚„ゴシックã€æ‰‹æ›¸ããªã©ã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‹ã‚‰æŽ¢ã™ã“ã¨ãŒã§ãã¾ã™ã€‚紹介ページリンクã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ã™ãã«ã§ãã¾ã™ã€‚ ã‚ãªãŸã®æ¬²ã—ã‹ã£ãŸãƒ•ã‚©ãƒ³ãƒˆãŒã€ã™ãã«è¦‹ã¤ã‹ã‚Šã¾ã™ã‚ˆã†ã«ã€‚
ダウンãƒãƒ¼ãƒ‰ã—ã¦ãŠããŸã„フリーã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2013å¹´10月
最近リリースã•ã‚ŒãŸã‚‚ã®ã‚’ä¸å¿ƒã«ã€é«˜å“質ãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãƒ»ã‚¿ã‚¤ãƒ—フェイスを紹介ã—ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã§ç¾Žã—ã„フリーフォントã‹ã‚‰ã€‚
プãƒã£ã½ããªã£ãŸï¼ãƒ•ã‚©ãƒ³ãƒˆã‚„「文å—ã€ã«é–¢ã™ã‚‹ã¾ã¨ã‚
作æˆï¼š2013/10/28 更新：2014/10/24 Webデザイン > 先週ã€åˆåŒå•†è«‡ä¼šãŒã‚ã£ãŸã®ã§ãƒã‚¿ãƒã‚¿ã¨ãƒªãƒ¼ãƒ•ãƒ¬ãƒƒãƒˆä½œã£ãŸã‚“ã§ã™ãŒã€å—è©°ã‚ãªã©ã«æ…£ã‚Œã¦ãªãã¦æ™‚é–“ã‚’ã¨ã‚‰ã‚Œã¾ã—ãŸã€‚サイトをリニューアルã™ã‚‹ã¨ãもフォントã®å¤§ãã•ã€è¡Œé–“ã€ä½ç½®ãªã©ã§æ‚©ã‚“ã り。今回ã¯Webページをèªã¿ã‚„ã™ãã€è¦‹æ „ãˆè‰¯ãã™ã‚‹ãŸã‚ã«ã€Œæ–‡å—ã€ã«é–¢ã™ã‚‹çŸ¥è˜ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠フォントã«é–¢ã™ã‚‹çŸ¥è˜ １．å—é–“ ２．行間 ３．å—詰゠４．文å—組 ５．ジャンプ率 ６．余白ï¼å›³ç‰ˆçŽ‡ ７．メリãƒãƒªã‚’ã¤ã‘ã‚‹ ８．書体 ９．èªã¿ã‚„ã™ã„フォントサイズ １ï¼ï¼Žè¦‹ã‚„ã™ã„æ–‡ç« ï¼‘ï¼‘ï¼ŽWebフォント スライド １２．フォントã«é–¢ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ フォントã«é–¢ã™ã‚‹çŸ¥è˜ １．å—é–“ å—é–“ã¨ã¯æ–‡å—ã¨æ–‡å—ã®é–“ã«ç”Ÿã¾ã‚Œã‚‹ç©ºé–“ã€‚æ–‡ç« ã®è¡Œé–“・é€ã‚Šã€æ¼¢å—ã¨ã²ã‚‰ãŒãªã®å—é–“ãªã©æ–‡ç« レイアウト
ç”»åƒã®ä»£ã‚ã‚Šã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚¿ã‚¤ãƒ—ã®Webフォントã®ã¾ã¨ã‚
アイコン形å¼ã«ãªã£ãŸWebフォントを集ã‚ã¦ã¿ã¾ã—ãŸã€‚ã“ã‚Œã ã‘色々æƒã†ã¨ç”»åƒã‚’使ã†å ´é¢ã‚‚減ã£ã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i
ã„ã¾ã•ã‚‰èžã‘ãªã„CSS font-familyã®ã¾ã¨ã‚
CSSã®font-familyã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ãã®ã†ã¡WebフォントãŒä¸»æµã«ãªã‚‹æ°—ãŒã—ã¾ã™ãŒãã‚Œã¾ã§ã®ã¾ã¨ã‚ã¨ã„ã†ã“ã¨ã§ã€‚ èªè˜èª¤ã‚ŠãŒã‚ã‚Šã¾ã—ãŸã‚‰ã©ã“ã‹ã§ã¤ã¶ã‚„ã„ã¦ãã ã•ã„。 １．font-familyã¨ã¯ï¼Ÿ 通常ã®ãƒ•ã‚©ãƒ³ãƒˆã‚„太å—ã€ã‚¤ã‚¿ãƒªãƒƒã‚¯ä½“ã€æ–œä½“ãªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’統一ã—ãŸè¤‡æ•°ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã‚’「フォントファミリーã€ã¨ã„ã„ã¾ã™ã€‚ 「Arialã€ã€ŒVernadaã€ã€Œãƒ’ラギノ角ゴPro W3ã€ã€Œï¼ï¼³ Ｐゴシックã€ãªã©ãŒãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ãƒŸãƒªãƒ¼åã§ã™ã€‚ ã“ã®ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ãƒŸãƒªãƒ¼åを指定ã™ã‚‹ãŸã‚ã®ãƒ—ãƒãƒ‘ティãŒã€Œfont-familyã€ã§ã™ã€‚ サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ï¼ï¼³ Ｐゴシック","MS PGothic",sans-serif;
ベーシックã§é«˜å“質ã§å®Œå…¨ã«ãƒ•ãƒªãƒ¼ãªæ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆ - yayuguã®ã«ã£ã
フリーフォントã®ã¾ã¨ã‚ãªã‚“ã¦è…ã‚‹ã»ã©ã‚ã‚Šã¾ã™ãŒã€å¤§æŠµ 商用ä¸å¯ å†é…布ä¸å¯ åŽéŒ²æ–‡å—æ•°ãŒå°‘ãªã„ 変ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ•ã‚©ãƒ³ãƒˆ ã®ã©ã‚Œã‹ã«å½“ã¦ã¯ã¾ã‚Šã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ã§ä½•ã‚‚考ãˆãšä½¿ãˆã‚‹ãƒ•ã‚©ãƒ³ãƒˆã£ã¦å°‘ãªã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ ãã“ã§ã€ フツーãªå½¢ã‚’ã—ã¦ã„ã‚‹ 第二水準ãらã„ã®æ¼¢å—ã‚’åŽéŒ² スライドや商用å°åˆ·ã«ä½¿ã£ã¦ã‚‚æ¥ãšã‹ã—ããªã„ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ ãªãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—㟠モトヤLマルベリ3ç‰å¹… https://android.git.kernel.org/?p=platform/frameworks/base.git;a=commit;h=4234d40eae54ad9126fbc4b61cbbe8dc78d282bc モトヤã®ãƒžãƒ«ãƒ™ãƒªã®è»½é‡ç‰ˆãŒ Android ã«æä¾›ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ Androidå‘ã‘ã§ã™ãŒApacheライセンスã§æä¾›ã•ã‚Œã‚‹ã®ã§ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ãˆã°å•†ç”¨ä½¿ç”¨ãƒ»æ”¹å¤‰ãƒ»å†é…布ãªã‚“ã§ã‚‚ã§
Linuxデスクトップã§ç¶ºéº—ãªãƒ•ã‚©ãƒ³ãƒˆã‚’使ã†æ–¹ - UNIXçš„ãªã‚¢ãƒ¬
gnome標準ã®ãƒ•ã‚©ãƒ³ãƒˆã‚‚悪ãã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚‚ã£ã¨å¯è¦–性ã«å„ªã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã§ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’使ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ï¼Ÿ ç´„5分ã»ã©ã§ã€ã‚ˆã‚Šå¯è¦–性ã«å„ªã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã‚’インストールã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ç°¡å˜ã«ã§ãã‚‹ã®ã§ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã¾ã—ょã†ï¼å†èµ·å‹•ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 ãªãŠã€ä»Šå›žã®æ‰‹é †ã¯ubuntu8.10ã§ãƒ†ã‚¹ãƒˆã‚’ã—ã¦ã„ã¾ã™ã€‚ å¿…è¦ãªãƒ‘ッケージをインストールã™ã‚‹ cabファイルã¨ãªã£ã¦ã„ã‚‹ã®ã§ã€å±•é–‹ã™ã‚‹ãŸã‚ã®ãƒ„ールをインストールã—ã¾ã™ã€‚ $ sudo apt-get install cabextract フォントをダウンãƒãƒ¼ãƒ‰ã™ã‚‹ ãã‚Œã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¦ã€å±•é–‹ã—ã¾ã™ã€‚最後ã«ã—ã£ã‹ã‚Šã¨å±•é–‹ã•ã‚ŒãŸã‹ç¢ºèªã—ã¦ãã ã•ã„。以下ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚’ã—ã¾ã™ã€‚ http://osakattf.hp.infoseek.co.jp/ $ mkdir ~/src && cd ~/src $ wget h
å¯èªæ€§ãŒé«˜ã„ã€ä½¿ã„ã‚„ã™ãã†ãªãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆé›† | コリス
350 Designsã‹ã‚‰ã€å¯èªæ€§ãŒé«˜ã„フリーフォントをã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ Clean font showcase Asenine Aurulent Sans Decker Howies Funho
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
日本語フリーフォント×17（商用利用å¯èƒ½ãªã‚‚ã®ã‚‚16種アリ） | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
{{#tags}}- {{label}}
{{/tags}}