http://kudox.jp/html-css/font-size-css
CSSを使ã£ã¦ã©ã®ãƒ–ラウザã§ã‚‚フォントサイズを「％ã€ã§çµ±ä¸€ã•ã›ã‚‹æ–¹æ³• | colori
CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æŒ‡å®šã¯ã€Œfont-sizeã€å±žæ€§ã‚’使ã£ã¦ç°¡å˜ã«è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ãƒ”クセル指定ãªã©ã®çµ¶å¯¾çš„サイズã§çµ±ä¸€ã™ã‚‹æ–¹æ³•ã«ãらã¹ã¦éžå¸¸ã«ã‚„ã£ã‹ã„ãªã®ãŒã€ç›¸å¯¾çš„ãªã‚µã‚¤ã‚ºã«ã‚ˆã‚‹ã‚µã‚¤ã‚ºã®çµ±ä¸€ã§ã™ã€‚ ブラウザã«ã‚ˆã£ã¦ç•°ãªã‚‹ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®å¢ƒç•Œ 例ãˆã°ã€Œfont-size:70%ã€ã¨ã„ã†ãµã†ã«æŒ‡å®šã—ã¦ã€Internet Explorer 6ã¨Firefox2.0ã§è¦‹ã¦ã¿ãŸãƒšãƒ¼ã‚¸ãŒä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚　※ページã¯xmlã‚¿ã‚°ã¤ãã®XHTML1.0 Strictã§ä½œæˆã€ã¤ã¾ã‚ŠInternet Explorer6ã¯ä¸‹ä½äº’æ›ãƒ¢ãƒ¼ãƒ‰ã§è¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ãŒã€æ¨™æº–モードã§ã‚‚åŒã˜ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã‚ãらã‹ã«Firefoxã§è¡¨ç¤ºã•ã‚ŒãŸãƒšãƒ¼ã‚¸ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå°ã•ããªã£ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚　ã“ã®ã‚ˆã†ã«ã€ãƒ•ã‚©ãƒ³ãƒˆã‚’パーセント指定ã—ãŸå ´åˆã¯ã€ãã®æ•°å€¤ã«ã‚ˆã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’è¦å®šã™ã‚‹å¢ƒç•Œã«å¾®
CSS | フォントサイズ px・em・% 対応表ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆç ”究会Z】
â–¡px æ–‡å—サイズã®ãƒ”クセル指定ã§ã™ã€‚dpiãƒ»ç”»ç´ æ•°ã€æ¶²æ™¶ãƒ¢ãƒ‹ã‚¿ãƒ¼ã®ç²’ã®å¤§ãã•ã§ã®æŒ‡å®šã§ã™ã。簡å˜ã«æŒ‡å®šã§ãデザインもã—易ã„ã®ã§åˆå¿ƒè€…å‘ã‹ã‚‰å¹…広ã使用ã§ãã¾ã™ã€‚ãŸã 環境（解åƒåº¦ï¼‰ã«ã‚ˆã£ã¦å¤§ãã•ãŒå¤‰ã‚りデザインãŒå´©ã‚Œã‚‹ã®ãŒæ¬ 点ã§ã™ã€‚ â–¡em デザインã®ãƒ—ãƒã®äººãŒå¥½ã‚“ã§ä½¿ã£ã¦ã„ã¾ã™ã€‚emã¯å€çŽ‡ã§ã®æŒ‡å®šã¨ãªã‚Šã¾ã™ã€‚1.5emã®å ´åˆã¯åŸºæœ¬å€¤ã‹ã‚‰1.5å€ã¨ã„ã†ã‚µã‚¤ã‚ºã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã¯åˆæœŸè¨å®šã§10px=1emã«ãªã‚‹ã‚ˆã†ã«è¨å®šã§èª¿æ•´ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。IEã§ã¯æ‹¡å¤§ç¸®å°ã§ãã¾ã›ã‚“ãŒãれ以外ã®ãƒ–ラウザãªã‚‰å‡ºæ¥ã¾ã™ã€‚ 余談ã§ã™ãŒemã¯å…ƒã€…æ–‡å—間隔を空ã‘ã‚‹ã‚¿ã‚°ã§ã™ã€‚1emã§1æ–‡å—ã®é–“éš”ãŒé–‹ãã¾ã™ã€‚ â–¡% emã¯IEã§ãƒã‚°ãŒã‚ã‚‹ã®ã§å«Œã„ã¨ã„ã†æ–¹ãŒ%指定ã§ä½¿ã£ã¦ã„ã¾ã™ã€‚ emã¯ãƒ‡ã‚¸ã‚«ãƒ¡ã®ã‚ºãƒ¼ãƒ ã®ã‚ˆã†ã«ã€ŒÃ—1.2å€ã€ã¨è¡¨è¨˜ã—ã¾ã™ãŒ ã€ï¼…ã¯ã€Œ120%ã€ã¨è¡¨è¨˜ã—ã¾ã™ã€‚ãã®é•ã„ã§ã™ã€‚ã—ã‹ã—下ã®è¡¨ã‚’見ã¦ã®ã‚ˆã†ã«1%程ã®èª¤
ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨ã‚‚å¯èƒ½ãªå°è±¡çš„ãªè‹±å—フォントã„ã‚ã„ã‚
ウェブサイトやイラスト・ãƒã‚¹ã‚¿ãƒ¼ãªã©ã€ä½•ã‹ã‚’デザインã™ã‚‹æ™‚ã«é‡è¦ã«ãªã£ã¦ãã‚‹ã®ãŒã€æƒ…å ±ã‚’ã„ã‹ã«åŠ¹æžœçš„ã«ä¼ãˆã‚‹ã‹ã¨ã„ã†ã“ã¨ã€‚ウェブデザインã«é–¢ã™ã‚‹æƒ…å ±ã‚’é›†ã‚ãŸãƒ–ãƒã‚°Crazy PixelsãŒã€ãã‚“ãªæ™‚ã«å½¹ç«‹ã¡ãã†ãªã‚¤ãƒ³ãƒ‘クトã®ã‚るフォントを50以上集ã‚ã¦ã„ã¾ã™ã€‚フォントã¯ãã‚Œãžã‚Œç„¡æ–™ã§å•†ç”¨åˆ©ç”¨ã‚‚å¯èƒ½ã§ã™ã€‚ 50+ Precious Free Fonts for Commercial Use | Crazy Pixels http://crazypixels.net/50-precious-free-fonts-for-commercial-use/ â—†Museo Slab:ãŒã£ã—ã‚Šã—ãŸã‚´ã‚·ãƒƒã‚¯ãƒ•ã‚©ãƒ³ãƒˆã€‚ã“ã®ãƒ•ã‚©ãƒ³ãƒˆã«ã¯12種類ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒã‚ã‚Šã¾ã™ãŒã€ãã®ã†ã¡ã€ŒMuseo Slab 500ã€ã¨ã€ŒMuseo Slab 500 Italicã€ãŒãƒ•ãƒªãƒ¼ã§åˆ©ç”¨å¯èƒ½ã§ã™ã€‚ â—†Free Font Qarm
無料・商用OK・リンクä¸è¦ã®ã€ã‚„ã‚らã‹ã„å°è±¡ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆãƒ»ã¯ã‚“ãªã‚Šæ˜Žæœ - ã‹ã¡ã³ã¨.net
以å‰ã”é€£çµ¡ã‚’é ‚ã„ãŸãƒ•ã‚©ãƒ³ãƒˆãƒæ—¥æœ¬èªžã® 作者ã•ã‚“ã‹ã‚‰æ–°ä½œã®ãŠå•ã„åˆã‚ã›ã‚’é ‚ ã„ãŸã®ã§ã”紹介。やã‚らã‹ã„å°è±¡ã®æ˜Žæœ 系フォントã€ã€Œã¯ã‚“ãªã‚Šæ˜Žæœã€ã§ã™ã€‚ã“ã¡ã‚‰ も商用ã§åˆ©ç”¨ã§ãã‚‹ã¨ã®ã“ã¨ã§ã™ã€‚ãªã‚“ã¨ã‚‚ 太ã£è…¹ã§ã™ã・・ フォントãƒæ—¥æœ¬èªžã®ä½œæˆè€…ã•ã‚“ã‹ã‚‰ã¾ãŸã¾ãŸã”連絡ã„ãŸã ãã¾ã—ãŸã€‚ã„ã¤ã‚‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™:D 商用ã§åˆ©ç”¨ã§ãる日本語フォントã«æ–°ã—ã仲間入りã§ã™ã€‚ ã‹ã‚ã„ã„ã§ã™ãーｗãã‚Šã£ã¨ã—ãŸå°è±¡ã®æ˜Žæœã§ã™ãŒã€ã“ã¡ã‚‰ã¯å°‘ã—ãµã‚“ã‚ã‚Šã¨ã—ãŸå°è±¡ã‚’与ãˆã‚‰ã‚Œãã†ã€‚明治時代ã®ç¯‰åœ°ä½“ã‚’å‚考ã«ä½œã‚‰ã‚ŒãŸãã†ã§ã™ã‚ˆã€‚ 利用è¦ç´„ 利用è¦ç´„㯠当サイトã®ãƒ•ã‚©ãƒ³ãƒˆã¯ã™ã¹ã¦ç„¡æ–™ã§ã™ã€‚個人・商æ¥ç”¨é€”ã§ã®åˆ©ç”¨ã«ã¤ã„ã¦ç‰¹ã«åˆ¶é™ã¯ã”ã–ã„ã¾ã›ã‚“ã®ã§ã€ã©ã†ãžãŠæ°—軽ã«ã”使用ãã ã•ã„。ãŸã ã—ã€ãƒ•ã‚©ãƒ³ãƒˆãƒ‡ãƒ¼ã‚¿ã®æ”¹å¤‰ã¯ãŠã‚„ã‚ãã ã•ã„。ã¾ãŸã€ãƒ•ã‚©ãƒ³ãƒˆã®ä½¿ç”¨ã«ã‚ˆã£ã¦ç”Ÿã˜ãŸã„ã‹ãªã‚‹çµæžœã‚„æ害ã«ã¤ãã¾ã—ã¦ã€ä¸€åˆ‡ã®è²¬ã‚’è² ã„ã¾ã›ã‚“ã®ã§ã”了承ãã ã•ã„。
エレガントã§ã‚°ãƒ©ãƒžãƒ¼ãªãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ30
ã¾ãŸã—ã¦ã‚‚見逃ã›ãªã„エントリをディグ。 エレガントã§ã€ã‚°ãƒ©ãƒžãƒ¼ãªãƒ•ã‚©ãƒ³ãƒˆé›†ã‚’ãŠæ¥½ã—ã¿ãã ã•ã„。 （英語ã ã‘よ） å…¨30ã®ãƒ•ã‚©ãƒ³ãƒˆã‚«ã‚¿ãƒã‚° 今回ã¯ãƒ•ã‚©ãƒ³ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã¯ä¸€åˆ‡ç„¡ãã€ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’サムãƒã‚¤ãƒ«ã«ã—ãŸè¨˜äº‹ã§ã™ã€‚ ãªã‚“ã¨ãªã自分ãŒã‚ã¨ã§è¦‹ãŸæ™‚ã«ã€ä¸€è¦§ã®ã»ã†ãŒä½¿ãˆã‚‹ã‹ãªã¨æ€ã£ãŸæ¬¡ç¬¬ã§ã™ã€‚ãã†ã§ã™ã€ãŸã‚“ã«è‡ªåˆ†ã®ãŸã‚ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã ã£ãŸã‚Šã—ã¾ã™ãƒ»ãƒ»ãƒ»ã€‚ 30 Free Elegant Curvy Fonts ãƒ•ã‚©ãƒ³ãƒˆï¼‘ï½žï¼‘ï¼ ãƒ•ã‚©ãƒ³ãƒˆï¼‘ï¼‘ï½žï¼’ï¼ ãƒ•ã‚©ãƒ³ãƒˆï¼’ï¼‘ï½žï¼“ï¼ 30 Free Elegant Curvy Fonts æ°—ã«å…¥ã£ãŸã‚‚ã®ã¯è¦‹ã¤ã‹ã‚Šã¾ã—ãŸã‹ï¼Ÿ ãã‚Œã§ã¯ã€ã¾ãŸã€‚
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
CSSã®font-family：ヒラギノã¨ï¼ï¼³ Ｐゴシックã¨ãƒ¡ã‚¤ãƒªã‚ªã®æ‚©ã¾ã—ã„関係 : webデザイナーã®ãƒŠãƒŠãƒ¡ã‚¬ã‚
CSSã§ã®font-familyã®æŒ‡å®šãŒã¨ã¦ã‚‚æ‚©ã¾ã—ã„。文å—コードã«ã‚ˆã£ã¦è¡¨ç¤ºãŒå¤‰ã‚ã£ãŸã‚Šã™ã‚‹ã—ã€ã‚¤ãƒ¬ã‚®ãƒ¥ãƒ©ãƒ¼ã‚±ãƒ¼ã‚¹ã¾ã§æƒ³å®šã™ã‚‹ã¨ç…©é›‘ãªã‚³ãƒ¼ãƒ‰ã«ãªã£ã¦ã—ã¾ã†ã€‚ã¡ã‚‡ã£ã¨æ•´ç†ã—ãªãŒã‚‰è€ƒãˆã¦ã¿ã‚‹ã€‚ ã¾ãšã€font-familyを何も指定ã—ãªã„ã¨ã€ã ã„ãŸã„ã®ãƒ–ラウザã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ã„るフォントã§è¡¨ç¤ºã•ã‚Œã‚‹ã®ã ãŒã€æ–‡å—コードãŒUTF-8ã ã¨Windowsã®IE6ã§è‹±æ•°æ–‡å—ãŒã€ŒTimes New Romanã€ã«ãªã£ã¦ã—ã¾ã†ã€‚※文å—コードãŒShift_JISã‚„EUC-JPã®å ´åˆã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ ãã‚Œã§ã¯ä¾‹ãˆã°ç·ç§°ãƒ•ã‚¡ãƒŸãƒªãƒ¼å（generic-family）ã§ã‚る「sans-serifã€ã®ã¿æŒ‡å®šã—ã¦ã¿ã‚‹ã¨ã€Windowsã®IE6ã§ã¯æ–‡å—コードãŒShift_JIS・EUC-JPã®å ´åˆã¯ã€ŒLucida Sans Unicodeã€ã§ã€UFT-8ã®å ´åˆã¯ã€ŒArialã€ã§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
メイリオフォントã§æ–œä½“を表示
Windows Vistaã§ã¯ãƒ¡ã‚¤ãƒªã‚ªã¨å‘¼ã°ã‚Œã‚‹æ–°ãŸãªæ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚’æ載ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸ2008å¹´ã«ã€Windows XPå‘ã‘ã®ãƒ¡ã‚¤ãƒªã‚ªãƒ•ã‚©ãƒ³ãƒˆãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã¯ã€ã“ã‚Œã¾ã§ä½¿ã‚ã‚Œã¦ã„ãŸMS ゴシックã®ä»£ã‚ã‚Šã¨ãªã‚‹ãƒ•ã‚©ãƒ³ãƒˆã§ã€ClearType技術ã«ã‚ˆã‚ŠmacOSã®ã‚ˆã†ãªæ»‘らã‹ãªè¡¨ç¤ºã‚’実ç¾ã—ã¾ã™ã€‚一方ã§åŠè§’ã®è‹±èªžä»¥å¤–ã®æ–œä½“ã«å¯¾å¿œã—ãªã„（ã¨ã„ã†ã‹ã•ã›ãªã„）ã¨ã„ã†ã€ãµã–ã‘ãŸä»•æ§˜ã‚‰ã—ã„ã§ã™ã€‚ãã“ã§ãƒ¡ã‚¤ãƒªã‚ªã§ã‚‚斜体を使ãˆã‚‹ã‚ˆã†ã€ã™ã“ã—フォントファイルをã„ã˜ã£ã¦ã¿ã¾ã™ã€‚ ãªãŠã€XPé™å®šã§ã™ã€‚Vistaã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã®ç½®ãæ›ãˆãŒå›°é›£ã€ã¾ãŸ2000以å‰ã§ã¯ClearTypeãŒä½¿ãˆãªã„ãŸã‚ã§ã™ã€‚å‰è€…ã«ã¤ã„ã¦ã¯ãƒ•ã‚©ãƒ³ãƒˆå称を変更ã™ã‚Œã°å…±å˜ã§ãã¾ã™ãŒã€ãã“ã¾ã§ã™ã‚‹ã®ã¯é¢å€’ã‹ãªã‚……ã¨æ€ã„ã¾ã™ã€‚ 標準ã§ã®è¡¨ç¤º メイリオフォントを使ã†ãŸã‚ã«ã¯Vistaをインストールã™ã‚‹ã‹ã€XPå‘ã‘ã«é…布ã•ã‚Œã¦ã„るフォントをイ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}