IEã«ã‚‚対応ï¼10分ã§ã§ãã‚‹Webフォント実装法 (2/3)
STEP.2：フォントをèªã¿è¾¼ã‚€ï¼ˆFirefox/Safari/Opera編） Firefox/Safari/Operaã¯ã€TTF（True Type Font）ãŠã‚ˆã³OTF（Open Type Font）形å¼ã®èªã¿è¾¼ã¿ã«å¯¾å¿œã—ã¦ã„る。先ã»ã©ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã€Œã¾ãã°ã€ã®ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€æ‹¡å¼µåã‹ã‚‰ã‚‚分ã‹ã‚‹ã‚ˆã†ã«TTFå½¢å¼ãªã®ã§ãã®ã¾ã¾åˆ©ç”¨ã§ãる。フォントã¯ã€CSSã«ä»¥ä¸‹ã®ã‚ˆã†ãª @font-faceãƒªãƒ³ã‚¯ã‚’è¿½åŠ ã™ã‚Œã°èªã¿è¾¼ã‚る。src: url() ã® url() 内ã®è¨˜è¿°ãŒãƒ•ã‚©ãƒ³ãƒˆå（TTFファイルã®åå‰ï¼‰ã‚’表ã—ã¦ã„る。 @font-face { font-family: Makiba; src: url(MakibaFont13.ttf) format("truetype"); } ãªãŠã€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã«ã¯æ™‚é–“ãŒã‹ã‹ã‚‹ã®ã§ã€ä¸Šè¨˜ã®è¨˜è¿°ã¯CSSファイルã®ä¸Šéƒ¨ã«è¨˜è¿°ã—ã€ãƒ–ラウ
IE6用é€éŽpng対応ç–ã€DD_belatedPNGã®ä½¿ç”¨æ³•ã¨æ³¨æ„点
以å‰ã‚‚ã“ã®ã€ŒDD_belatedPNG.jsã€ã«é–¢ã—ã¦ã¯ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¾ã—ãŸãŒ 『IE6ã§é€éŽpngを表示ã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€ã€ã€ã‚ã¾ã‚Šã®ç´ 晴らã—ã•ã«ã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã ã‘ã—ã¦ä½¿ç”¨æ³•ã¨ã‹æ³¨æ„äº‹é …ãªã©å¤§äº‹ãªéƒ¨åˆ†ã«è§¦ã‚Œãšã˜ã¾ã„ã§ã—ãŸã€‚ ã“ã®ç´ 敵ãªé€éŽpng対応ç–ã§ã‚ã‚‹DD_belatedPNGã¡ã‚ƒã‚“ã§ã™ãŒã€imgè¦ç´ ã«ä½¿ç”¨ã™ã‚‹éš›ã«ã‚‚ã€divè¦ç´ ã‚„pè¦ç´ ç‰ã®èƒŒæ™¯ç”»åƒã«å¯¾ã—ã¦ä½¿ç”¨ã™ã‚‹éš›ã‚‚ã€ã»ã‚“ã®ã¡ã‚‡ã£ã¨ã—ãŸã‚¯ã‚»ãŒã‚ã‚Šã¾ã™ã€‚ ãªã®ã§ã€ä»Šå›žã¯ã“ã®å‰å¤§ãªã‚‹ã€ŒDD_belatedPNG.jsã€ã®ä½¿ç”¨æ–¹æ³•ã¨ã€ä½¿ç”¨ã«é–¢ã™ã‚‹ã¡ã‚‡ã£ã¨ã—ãŸæ³¨æ„点ãªã©ã‚’エントリーã—よã†ã¨æ€ã„ã¾ã™ã€‚ DD_belatedPNGã®ä½¿ç”¨æ³•ã¨æ³¨æ„点 1.使用ã™ã‚‹ãŸã‚ã®æº–å‚™ ã¾ãšã¯ã“ã®ã€ŒDD_belatedPNG.jsã€è‡ªä½“をダウンãƒãƒ¼ãƒ‰ã—ãªã„コトã«ã¯å§‹ã¾ã‚Šã¾ã›ã‚“。 é…布元ã®Drew Diller’s bl
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
IE6/7/8ã§Webサイトã®è¦‹æ „ãˆã‚’見比ã¹ã€ŒMicrosoft Expression Web SuperPreviewã€NOT SUPPORTED
ie6countdown - Bing
{{#tags}}- {{label}}
{{/tags}}