ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mai[email protected]" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
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 フォントライ
Web Fontsã«é–¢ã—ã¦æ€ã£ã¦ã„ã‚‹ã“ã¨ï¼ˆ2012å¹´10月） - outtakes
日本語Web FontsãŒç››ã‚Šä¸ŠãŒã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ã‚‚ã˜ã§ã±ï½œã‚¦ã‚§ãƒ–フォントã§ãƒ–ãƒã‚°ï¼†ãƒ›ãƒ¼ãƒ ページã®æ–‡å—（フォント）を自由ã«å¤‰æ›´ã—ã¦æ¥½ã—ã‚‚ã†â™ªãƒ‡ã‚³ã‚‚ã˜ï½œã‚¦ã‚§ãƒ–フォントã§ã€ãƒ›ãƒ¼ãƒ ページãŒã€ãƒ–ãƒã‚°ãŒã€ã‚‚ã£ã¨æ¥½ã—ããªã‚‹â™ªHOME | フォントプラスTypeSquare [タイプスクウェア]フォント・WEBフォントã®ã€ã‚¢ãƒžãƒŠã‚¤ãƒ¡ãƒ¼ã‚¸ã‚ºã€‘フォントダイスã‚人間ã¨ã—ã¦ã¯ã€æ—¥æœ¬èªžWeb Fontsã®æ™®åŠã‚’望むもã®ã®ã€æ¬¡ã®ã‚ˆã†ãªç‚¹ã§ã¡ã‚‡ã£ã¨å¾®å¦™ã ãªã€œã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ 太å—å•é¡Œh1è¦ç´ ã€h2è¦ç´ ãªã©ã®è¦‹å‡ºã—ã«ã¯ã€é€šå¸¸ã€ã€Œfont-weight: bold;ã€ã‚’è¨å®šã—ã¦å¤ªå—ã«ã—ã¾ã™ï¼ˆã¨ã„ã†ã‹ãƒ–ラウザースタイルã§è¨å®šã•ã‚Œã¦ã„る）。ã“ã‚Œã«Web Fontsを併用ã™ã‚‹ã¨ã€ã•ã‚‰ã«å¤ªå—ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ Illustratorã‚„InDesignã«å¤ªå—機能ãŒãªã„ã“ã¨ã‹ã‚‰ã‚‚ã‚ã‹ã‚‹ã‚ˆã†ã«ã€æ–‡å—ã¯å¤ªå—機能ã§å¤ªãã™ã‚‹ã®ã§ãªãã€ã‚¦
Adobe ã®ãƒ•ã‚©ãƒ³ãƒˆ 「Source Code Pro〠試ã—ã¦ã¿ãŸ
Adobe ã•ã‚“ãŒã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’見やã™ã表示ã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ã€ãã®åã‚‚ 「Source Code Pro〠ã¨ã„ã†ãƒ•ã‚©ãƒ³ãƒˆã‚’発表ã—ãŸã¨ã®ã“ã¨ã§ã€æ—©é€Ÿã§ã™ãŒã“ã®ãƒ–ãƒã‚°ã§ã‚‚使ã£ã¦ã¿ã¾ã—ãŸã€‚Google Web Fonts ã‹ã‚‰ã®ä½¿ç”¨æ–¹æ³•ã‚’ç°¡å˜ã«è§£èª¬ã€‚ Publickey ã•ã‚“経由ã§çŸ¥ã£ãŸã‚“ã§ã™ãŒã€Adobe ã•ã‚“ãŒã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’見やã™ã表示ã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ã€ãã®åã‚‚ 「Source Code Pro〠ã¨ã„ã†ãƒ•ã‚©ãƒ³ãƒˆã‚’発表ã—ãŸã¨ã®ã“ã¨ã€‚ ãã“ã§ã€æ—©é€Ÿã§ã™ãŒã“ã® Blog ã§ã‚‚使ã£ã¦ã¿ã¾ã—ãŸã€‚Google Web Fonts ç‰ã§ã‚‚使用ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€è©¦ã™ã®ã¯ç°¡å˜ã§ã™ã€‚ 実際ã«ã“ã®è¨˜äº‹ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰éƒ¨åˆ†ã‚‚ 「Source Code Pro〠ã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ç¢ºèªã—ã¦ã¿ã¦ãã ã•ã„。確ã‹ã«è¦‹ã‚„ã™ã„ã‹ã‚‚。 ï¼»é€Ÿå ±ï¼½ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¡¨ç¤ºã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆã€ŒSou
Webフォントを分割ã€ã¨ã„ã†ã‹å‰Šã‚ŠãŸã„ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3年以上å‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„。 @font-face { font-family: "FontAwesome"; src: url('/font/fontawesome-webfont.eot'); /* IE9 Compat Modes */ src: url('/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/font/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */ url('/font/f
<!--:JA-->Webフォントã®ã„ã¾<!--:-->
Web やアプリã®ãƒ†ã‚™ã‚µã‚™ã‚¤ãƒŠãƒ¼ã‹ã€ŒæŠ€è¡“ã«ã—ã°ã‚‰ã‚Œãªã„ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã¦ã„ãã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€‚ 月1回ã®å®šä¾‹MTGã¨å¹´ã«æ•°å›žã®ãƒ‡ã‚¶ã‚¤ãƒ³ä¸å¿ƒãƒãƒƒã‚«ã‚½ãƒ³ãªã©ã‚’ã—ã¦ã„ã¾ã™ã€‚ 先日ã€ã‚½ãƒ•ãƒˆãƒãƒ³ã‚¯ãƒ»ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®é–¢å£ã•ã‚“ã¨ã€ç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã«ã‚ˆã‚‹ã€Œã‚¦ã‚§ãƒ–フォント勉強会＆活å—ãƒãƒƒã‚«ã‚½ãƒ³ã€ã«å‚åŠ ã—ã¾ã—ãŸã€‚ 全体的ã«ã¯ã€Œä»ŠWebフォントを使ã†ãªã‚‰ï¼Ÿã€ã¨ã„ã†ã¨ã“ã‚ã§ã„ã‚ã‚“ãªæ„見ãŒå‡ºãŸã®ã§ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ å°šã€ä½¿ã„方や実装方法ã«ã¤ã„ã¦ã¯ã€åŒã˜ãå‚åŠ ã•ã‚ŒãŸåƒè²«ã‚Šã“ã•ã‚“ãŒã€ŒKICKS Web｜Webフォントã€ã§ä¸å¯§ã«èª¬æ˜Žã—ã¦ãã ã•ã£ã¦ã„ã¾ã™ã®ã§ãœã²ã”らんãã ã•ã„。 Webフォントã«ã¤ã„㦠Webフォントã®ä»•æ§˜è‡ªä½“ã¯ã€å®Ÿã¯2002å¹´ã”ã‚ã‹ã‚‰ç–定ãŒé–‹å§‹ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€ã“ã“最近ã«ãªã£ã¦ã‚„ã£ã¨ãƒ–ラウザãŒå®Ÿè£…ã—ã¯ã˜ã‚ãŸã¨ã“ã‚。 サーãƒãƒ¼ä¸Šã«ã‚るフォントファイルをèªã¿ã“ã¾ã›ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€è‡ªåˆ†ã®ä½¿
KICKS Web｜Webフォント
Webフォントサービスã§æœ‰åãªã€Œãƒ•ã‚©ãƒ³ãƒˆãƒ—ラスã€ã‚’é‹å–¶ã™ã‚‹ã‚½ãƒ•ãƒˆãƒãƒ³ã‚¯ãƒ»ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã•ã‚“ã®ã”厚æ„ã§ã€å‹‰å¼·ä¼šã‚’é–‹ã„ã¦ã„ãŸã ãã¾ã—ãŸã€‚ã„ã¤ã‚‚ãŠä¸–話ã«ãªã£ã¦ã„るフリーã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“2åã¨ã€ä¸€ç·’ã«æ›¸ç±ã‚’書ã‹ã›ã¦ã„ãŸã ã„ãŸç§‹è‘‰ã•ã‚“＆奥ã•ã¾ã®ã¡ã²ã‚ã•ã‚“ã¨å‚åŠ ï¼ ã€ŒWebフォントã€ã«ã¤ã„ã¦ã¯å„自調ã¹ã¦ã„ãŸã ãã¨ã—ã¦ã€ç§ã¯Webフォントã®æ™®åŠã‚’心待ã¡ã«ã—ã¦ã„ã‚‹ã²ã¨ã‚Šã§ã™ã€‚ ã“ã‚Œã¾ã§ã€ãƒœã‚¿ãƒ³ã®ãƒ©ãƒ™ãƒ«ã‚„æ–‡ç« ã®è¦‹å‡ºã—ãªã©ã¯ç”»åƒã‚’使ã£ã¦è¡¨ç¾ã•ã‚Œã‚‹ã“ã¨ãŒã»ã¨ã‚“ã©ã§ã—ãŸã€‚ CSS3ã®ãŠã‹ã’ã§ã€æœ€è¿‘ã§ã¯ç”»åƒã«é ¼ã‚‰ãšã«ãƒœã‚¿ãƒ³ãªã©ã®ãƒ“ジュアルを効果的ã«è¡¨ç¾ã§ãるよã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ãŒã€CSS3ã§ã©ã‚“ãªã«ç¾Žã—ã„グラデーションを表ç¾ã—ãŸã¨ã—ã¦ã‚‚ã€ä¸Šã«ä¹—ã£ã¦ã„ã‚‹æ–‡å—（フォント）ãŒã‚«ãƒƒã‚³æ‚ªã„ã¨å°ç„¡ã—ã€ã¨ã„ã†ã‚±ãƒ¼ã‚¹ã¯å¤šã€…ã‚ã‚Šãã†ã§ã™ã€‚ Webフォントを利用ã™ã‚Œã°ã€ç”»åƒã‚’一切使ã‚ãšã«ã€æ´—ç·´ã•ã‚ŒãŸãƒ“ジュアルã®ãƒœã‚¿ãƒ³ã‚„見出ã—を作る
Soma FontFriend
Google Web Fontsã®ãƒ†ã‚¹ãƒˆã¯ã¾ã˜ã‚ã«ã‚„る時ã¯ã¡ã‚ƒã‚“ã¨ãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã‚’作ã£ã¦ç¢ºèªã—ã¦ã‚‹ã‘ã©é¢å€’ãã•ã„。Google Web Fontsã®Preview Textã¯æ—¥æœ¬èªžä½¿ãˆãªã„ã®ã§ã€æ—¥æœ¬èªžéƒ¨åˆ†ã¨ã®ç›¸æ€§ã‚„ベースラインã®ãšã‚Œãªã©ãŒç¢ºèªã§ããªãã¦å•é¡Œå¤–。ã§ã‚‚ã§ãã‚‹ã ã‘手抜ãã—ãŸã„ã®ã§ã€ãã†ã„ã†æ™‚ã¯Soma FontFriendã¨ã„ã†ãƒ–ックマークレットをã“ã®Webサイトを開ã„ã¦ã‹ã‚‰èµ·å‹•ã—ã¦ã„る。ã“ã‚Œã¯çµæ§‹æ˜”ã‹ã‚‰ã‚るブックマークレットã§å…ƒã€…ã¯å˜ã«font-familyを書ãæ›ãˆã‚‹ã ã‘ã ã£ãŸ(ã¨æ€ã†)ã‚“ã ã‘ã©ã€ä»Šã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã ã¨Google Web Fontsã‹ã‚‰ãƒ•ã‚©ãƒ³ãƒˆã‚’引ã£å¼µã£ã¦ãã¦ç¢ºèªã§ãる。愛用ã—ã¦ã‚‹ã€‚ Full preview of Soma FontFriend èµ·å‹•ã™ã‚‹ã¨ã“ã®ã‚ˆã†ãªç”»é¢ãŒå·¦ä¸‹(ç”»é¢ä½ç½®ã¯çŸ¢å°ã‚’クリックã™ã‚‹ã¨ç§»å‹•ã§ãã‚‹)ã«å‡ºã¦ãã‚‹ã®ã§ã€ä¸å¤®å³ã®ä¸€ç•ªä¸Šã«ã‚ã‚‹Goog
æ„外ã¨å¤šã„!? Web フォントã«å¯¾å¿œã—ã¦ã„ãªã„環境 〜2012 å¹´ã® Web フォント事情〜 - ã¦ã£ã煮ブãƒã‚°
html5Web フォントã¯ã€ŒWeb サイトã«ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’埋ã‚込むã€ãŸã‚ã®æŠ€è¡“ã§ã™ã€‚ç¾è¡Œã®ãƒ–ラウザーã¯å…¨ã¦ Web フォントã«å¯¾å¿œã—ã¦ã„る状æ³ã§ã™ã€‚ãã‚“ãªçŠ¶æ³ã§ã‚ã‚‹ãŸã‚ã€çµ¶å¯¾ã«ã‚³ãƒ”ペã§ããªã„æ–‡ç« ã‚’ä½œã£ãŸã£ãŸwwww 㯠Web フォントã«ä¾å˜ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã—ãŸãŒã€ç‰¹åˆ¥ãªé…æ…®ã¯ã›ãšã«å…¬é–‹ã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€å…¬é–‹å¾Œã€Web フォントãŒé©ç”¨ã•ã‚Œãªã‹ã£ãŸè¤‡æ•°ã®æ–¹ã‹ã‚‰ã€Œã‚³ãƒ”ペã§ãã‚‹ã‚“ã ã‘ã©ã©ã†ã„ã†ã“ã¨ï¼Ÿã€ã€Œæ„味ãŒåˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆãŒã‚ˆã›ã‚‰ã‚Œã¾ã—ãŸã€‚ãã“ã§ã€Web サーãƒãƒ¼ã®ã‚¢ã‚¯ã‚»ã‚¹ãƒã‚°ã‚’解æžã—ã¦ã€ŒWeb フォントã«å¯¾å¿œã—ã¦ã„ãªã„環境ã€ãŒã©ã®ç¨‹åº¦ã‚ã£ãŸã®ã‹ã‚’調ã¹ã¦ã¿ã¾ã—ãŸã€‚４種類ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆä¸€å£ã« Web フォントã¨ã„ã£ã¦ã‚‚ã€ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ WOFF・TTF・EOT・SVG ã® 4 種類ã‚ã‚Šã¾ã™ã€‚今後㯠WOFF フォーマットãŒæ¨™æº–ã«ãªã£ã¦ã„ãã®ã§ã™ãŒã€ç¾åœ¨ã§ã¯ã‚µãƒãƒ¼ãƒˆã—
ソーシャルアイコンを画åƒã§ã¯ãªãWebフォントã§è¡¨ç¤ºã™ã‚‹éš›ã®å‚™å¿˜éŒ² | ãªã¾ã‚‰æ˜¥å‹æµ
Webフォントã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãªã„フォントも表示ã—ã¦ãれるã¨ã„ã†å„ªã‚Œã‚‚ã®ã€‚ サイトã®è¡¨ç¾ã®å¹…ãŒåºƒãŒã‚‹ã—ç”»åƒã‚’使ã†ã‚ã‘ã§ã¯ãªã„ã®ã§SEOçš„ã«ã‚‚ã„ã„ã®ã‹ãªã€‚ SNSã®ã‚¢ã‚¤ã‚³ãƒ³ã‚‚Webフォントã«ã™ã‚‹ã¨ãƒžã‚¦ã‚¹ã‚’ã®ã›ãŸå¾Œã®å‡¦ç†ãªã©ã‚‚ã—ã‚„ã™ã„。 導入も簡å˜ã€‚ん？簡å˜ï¼Ÿï¼Ÿï¼Ÿ ã„ã‚„ã€é›£ã—ã‹ã£ãŸã£ã™ï½— ã£ã¦ã“ã¨ã§çŸ¥ã£ã¦ã‚‹äººã«ã¯ç°¡å˜ã ã¨æ€ã†ã‘ã‚Œã©ã€ç§ã«ã¯æ•·å±…ãŒé«˜ã‹ã£ãŸã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦ã€‚ AGENDA Webフォントã£ã¦ï¼Ÿ Webフォントã®ä½¿ã„æ–¹ Webフォントã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Webフォントã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ 実際ã«è¡¨ç¤ºã•ã›ã¦ã¿ã‚‹ãŸã‚ã®æº–å‚™ Firefoxã ã‘表示ã•ã‚Œãªã„ 1. ã¾ãšWebフォントã£ã¦ï¼Ÿ Webフォントを使ã†éš›ã«ãŠã•ãˆã¦ãŠããŸã„5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ – フォントブãƒã‚° æ„外ã¨çŸ¥ã‚‰ãªã„？アイコンã¯Webフォントã§ã¤ãã‚‹ã¨ã“ã‚“ãªã«ä¾¿åˆ©ï¼ | KAYAC DESIGNER’S BLOG –
今年公開ã•ã‚ŒãŸã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å¿…見ã®æ—¥æœ¬è£½ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã€ŒKOUSHIKI SANS FONTã€ã¨ã€ãã®ä»–日本製ã®ãŠã™ã™ã‚フリーフォント
Koushiki Typefaces / ドットコãƒãƒ³ - フォント / MopStudioä»–...å…¨5件 ã“ã‚“ãªãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã¯è¦‹ãŸã“ã¨ãªã„ï¼ã¨æ€ã‚ãšæ„Ÿå‹•ã—ã¦ã—ã¾ã£ãŸãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã€‚デザイナーå·ä¸Šæ·³æ°åˆ¶ä½œã€‚営利・éžå–¶åˆ©ã‚’å•ã‚ãšã€ç„¡æ–™ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãる。
Webフォントを利用ã™ã‚‹éš›ã«çŸ¥ã£ã¦ãŠãã¨å½¹ç«‹ã¡ãã†ãªTipsã¨ã‹ã‚µã‚¤ãƒˆã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
Webフォントã«é–¢ã—ã¦èª¿ã¹ç‰©ã‚’ã—ãŸã®ã§ 個人的ãªãƒ¡ãƒ¢ã€‚å°‘ã—åˆ©ç”¨é »åº¦ãŒã‚ãŒã£ã¦ æ¥ãŸã®ã§æŽ¢ã—ã‚„ã™ã„よã†ã«ã¾ã¨ã‚ã¦ãŠã ã¾ã™ã€‚ã¾ã ã¡ã‚‡ã£ã¨ä½¿ã„慣れã¦ãªã„ã®ã§ ã‚‚ã†å°‘ã—勉強ã—ãªã„ã¨ãƒ€ãƒ¡ã§ã™ã・・ スマフォå‘ã‘ã®ãƒªã‚½ãƒ¼ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§Webフォントã«é–¢ã™ã‚‹ãƒ¡ãƒ¢ã§ã™ã€‚以å‰è§¦ã‚Šã ã‘ã—ã‹æ›¸ã‹ãªã‹ã£ãŸã®ã§ã‚‚ã†å°‘ã—æ·±ã調ã¹ã¦ãŠã“ã†ã¨æ€ã„記事ã«ã—ã¾ã—ãŸã€‚ã®ã§ã€éŽåŽ»ã®è¨˜äº‹ã¨çµæ§‹é‡è¤‡ã—ã¾ã™ã€‚ 最低é™ã®çŸ¥è˜ 最低é™ã‹ã©ã†ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ã‘ã©ï½—　少ã—ä¸æ˜Žçžãªç‚¹ã‚‚ã‚ã‚Šã¾ã™ã®ã§é–“é•ã„ãŒã‚ã‚Œã°ã”æŒ‡æ‘˜é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ライセンス ã¾ãšãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã™ãŒã€é€šå¸¸ã€Webフォントã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã«ã¯å½“然フォントã®è‘—作者次第ã«ãªã‚Šã¾ã™ã€‚ Webフォントã¨ã—ã¦ä½¿ã†ã«ã¯ã‚µãƒ¼ãƒãƒ¼ã«ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã—ã¦cssã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘スを指定ã—ã¦åˆ©ç”¨ã™ã‚‹ã®ã§ã€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒèª°ã§ã‚‚手ã«å…¥ã‚Œã‚‰ã‚Œã¦ã—ã¾ã†äº‹ã«ãªã‚Šã¾ã™ã€‚（アイコンãªã‚“
ブラウザã§ä½¿ãˆã‚‹Googleãƒ•ã‚©ãƒ³ãƒˆç™»å ´
Googleã¯19æ—¥(米国時間)ã€Webフォントを利用ã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆé›†ã¨åˆ©ç”¨ã™ã‚‹ãŸã‚ã®APIã‚’Google Font DirectoryãŠã‚ˆã³Google Font APIã¨ã—ã¦å…¬é–‹ã—ãŸã€‚CSS3ã§åˆ©ç”¨ã§ãã‚‹Webフォントã«å¯¾å¿œã—ãŸã‚‚ã®ã§ã€çŠ¶æ³ã«å¿œã˜ã¦æœ€é©ãªãƒ•ã‚©ãƒ³ãƒˆãƒ‡ãƒ¼ã‚¿ã‚’æä¾›ã™ã‚‹ã¨ã„ã†ç‰¹å¾´ãŒã‚る。 Google Font APIã¯ãã®ä½¿ç”¨æ–¹æ³•ãŒç°¡å˜ã¨ã„ã†ã¨ã“ã‚ã«ã‚‚特徴ãŒã‚る。次ã®ã‚ˆã†ã«ãƒ•ã‚©ãƒ³ãƒˆã‚’CSSファイルã¸ã®ãƒªãƒ³ã‚¯ã¨ã—ã¦è¨˜è¿°ã—ã¦ãŠã‘ã°ã€ãã®Webフォントを本文ã§åˆ©ç”¨ã§ãる。 <html> <head> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> <style> body { font-family: 'Tangerine', seri
Google Web Fontsã«ã‚ã‚‹ãŠæ°—ã«å…¥ã‚Šã®ãƒ•ã‚©ãƒ³ãƒˆ5㤠- Weblog - hail2u.net
Google Web Fontsã®ãƒ•ã‚©ãƒ³ãƒˆç™»éŒ²æ•°ã‚‚éšåˆ†å¢—ãˆã¦ãã¦ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ãŒå¤§å¤‰ã«ãªã£ã¦ãã¾ã—ãŸã€‚一応絞り込ã¿ã¨ã‹ãã†ã„ã†æ©Ÿèƒ½ã‚‚ã‚ã‚Šã¾ã™ã‘ã©ã€Typekitã®ã‚ˆã†ã«ã‹ã‚†ã„ã¨ã“ã‚ã«æ‰‹ãŒå±Šãæ„Ÿã˜ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ãã“ã§â€¦â€¦ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã§ã™ã‘ã©ã€ãªã‚“ã‹ã®å‚考ã«ã§ã‚‚ãªã‚Œã°ã¨åƒ•ã®ãŠæ°—ã«å…¥ã‚Šã‚’5ã¤ã ã‘ç°¡å˜ãªèª¬æ˜Žä»˜ãã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ Demo: Five Favorite Google Web Fonts Amaranth Amaranthã¯ã‚†ã‚‹ã‚„ã‹ã«ã‚«ãƒ¼ãƒ–ã®ã‹ã‹ã£ãŸã‚°ãƒªãƒ•ãŒç‰¹å¾´ã§ã™ã€‚比較的å°ã•ãªã‚µã‚¤ã‚ºã‹ã‚‰ãã®ç‰¹å¾´ãŒã¯ã£ãã‚Šã¨å‡ºã‚‹ã®ã§ã€ãƒã‚´ä»¥å¤–ã«ã‚‚ナビゲーションãªã©ã§ã‚‚使ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚斜体ã§ã¯ãã®ã‚†ã‚‹ã‚„ã‹ãªã‚«ãƒ¼ãƒ–ãŒã‚»ã‚¯ã‚·ãƒ¼ã«å¼·èª¿ã•ã‚Œã€ã¾ãŸé•ã£ãŸå‘³ã‚ã„ãŒã‚ã‚Šã¾ã™ã€‚ Arvo Google Web Fontsã«ã¯ã‚ã¾ã‚Šã‚¹ãƒ©ãƒ–・セリフãŒãªã„ã§ã™ãŒã€Arvoã¯å”¯ä¸€ã¾ã¨ã‚‚ã«ä½¿ãˆãã†ãªãã‚Œã§ã™ã€‚評価ã®é«˜
font-familyã®æŒ‡å®šã¯ã‚¦ã‚§ã‚¤ãƒˆãªã—ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆè¡¨è¨˜ã®ã¿ã§ã»ã¼ã‚ˆã•ãㆠ| Culture27
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ï¼ï¼³ Ｐゴシック','MS PGothic',sans-serif; åŒã˜ãƒ•ã‚©ãƒ³ãƒˆã‚’日本語表記ã¨ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆè¡¨è¨˜ã®ä¸¡æ–¹ã§æŒ‡å®šã—ã¦ã„ã‚‹ã®ã¯ã€å„ブラウザã®è§£é‡ˆã‚„挙動ãŒç•°ãªã‚‹ãªã©ã®ç†ç”±ã‹ã‚‰ã§ã™ã€‚ãŸã ã€æœ€è¿‘ã®ãƒ–ラウザã¯ã©ã†ãªã‚“ã ã‚ã†ã‹ã¨ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ãŸã®ã§èª¿ã¹ã¾ã—ãŸã€‚ çµæžœã¨ã—ã¦ã¯ä¸‹è¨˜ã®è¡¨ã«ãªã‚Šã¾ã—ãŸã€‚詳細ã¯ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’見ã¦ãã ã•ã„。 Parallels上ã®Win7: IE6-8(IE6,7ã¯IETester), Chrome15, Firefox8, Safari5, Opera11 Mac OS X 10.6.8: Chrome15, Firefox8, Safari5, Opera11 æ–‡å—コード: UTF-8 指定方法 IE Chrome Saf
インストールã›ãšã«ã€å¥½ããªWeb Fontsを使ãŠã†
WebFontsã¨ã¯ WebFontsを利用ã™ã‚‹ã¨ã€Web上ã«ã‚るフォントファイルをèªã¿è¾¼ã‚“ã§ãƒ•ã‚©ãƒ³ãƒˆã‚’表示ã§ãã¾ã™ã€‚ã“ã‚Œã¾ã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆPCã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„るフォントã®ã¿ãŒåˆ©ç”¨ã§ãã¾ã—ãŸãŒã€WebFontsã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãªã„フォントを表示ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ 以下ã®ã‚µãƒ³ãƒ—ルã¯Google Web Fontsã§æä¾›ã•ã‚Œã‚‹WebFontsを利用ã—ã¦ã„ã¾ã™ã€‚サンプル㯠IE 9ï¼Firefox 6ï¼Chrome 12ï¼Opera 11.5ï¼Safari 5.1 ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã§ã™ã€‚ ã“ã®ã‚ˆã†ã«WebFontsを利用ã™ã‚‹ã“ã¨ã§ã€ã•ã¾ã–ã¾ãªãƒ•ã‚©ãƒ³ãƒˆã«ã‚ˆã‚‹è¡¨ç¤ºã‚„表ç¾ãŒã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ•ã‚©ãƒ³ãƒˆã«ã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚サーãƒã«ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ ¼ç´ã™ã‚‹å ´åˆã¯ã€å†é ’布ã«è©²å½“ã™ã‚‹ãŸã‚ã€æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚フォントæ供サービスを使ã†å ´åˆã‚‚ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã—ã£ã‹ã‚Šç¢ºèªã—ãŸã ã—
IE8ã¨IE7ã¯ãƒ¡ã‚¤ãƒªã‚ªã€IE6/FFã¯MS Pゴシックã€Mac Safari/FFã¯ãƒ’ラギノ角ゴを表示 | A Day in the Life
IE8ã¨IE7ã¯ãƒ¡ã‚¤ãƒªã‚ªã€IE6/FFã¯MS Pゴシックã€Mac Safari/FFã¯ãƒ’ラギノ角ゴを表示 June 28, 2009 以å‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸè¨˜äº‹ã€IE7ã¯ãƒ¡ã‚¤ãƒªã‚ªã€IE6/FFã¯MS Pã‚´ã‚·ã€Mac Safari/FFã¯ãƒ’ラギノ角ゴを表示ã‹ã‚‰1å¹´4ヶ月ã»ã©çµŒã¡ã¾ã—ãŸã€‚ブラウザã®æœ€æ–°ç‰ˆã¯IE8/FF3/Safari4ã¨ãªã£ãŸã®ã§ãƒ•ã‚©ãƒ³ãƒˆã®ã‚»ãƒƒãƒˆã‚’少々変更ã—ã¦ã¿ã¾ã—ãŸã€‚ IE8ã§ã™ãŒã€IE6/IE7ã¨åŒæ§˜ã«ãƒ•ã‚©ãƒ³ãƒˆã‚’ピクセル指定ã™ã‚‹ã¨æ–‡å—ã®å¤§ãã•ã‚’変更ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã›ã‚“（ページズームを使ãˆã¨è¨€ã†æ„Ÿã˜ã§ã¯ã‚ã‚Šã¾ã™ãŒï¼‰ã€‚ 以å‰ã®ã‚»ãƒƒãƒˆã§ã¯html>bodyãƒãƒƒã‚¯ã§ãƒ¢ãƒ€ãƒ³ãƒ–ラウザ(Safari/Firefox)用ã«ãƒ•ã‚©ãƒ³ãƒˆã‚’ピクセルã§æŒ‡å®šã—ã¦ã„ãŸã®ã§ã™ãŒã€IE8ã§ã¯ã“ã®ãƒãƒƒã‚¯ãŒæœ‰åŠ¹ã«ãªã£ã¦ã—ã¾ã„ã€ãƒ”クセル指定ã—ãŸCSSãŒé©ç”¨ã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ 今回ã¯IE8ã‚’ã®ãžã„ãŸãƒ¢ãƒ€ãƒ³ãƒ–ラウザã«é©å¿œ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Icons | Font Awesome
æ¥å‹™ãƒ¬ãƒ™ãƒ«ã§ä½¿ãˆã‚‹å®Ÿç”¨çš„ã§ãƒãƒ©ãƒ³ã‚¹ã®å–ã‚ŒãŸãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã¾ã¨ã‚20個 - W3Q
{{#tags}}- {{label}}
{{/tags}}