HTMLã§ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ï¼æ‰‹è»½ã«æ–‡å—è©°ã‚ã§ãる「FLAutoKerning.js〠| æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作ã“ã‚“ã«ã¡ã¯ã€æœºã«ç½®ã„ãŸãŠã‚‚ã¡ã‚ƒã®æ—¥ç„¼ã‘ãŒæ°—ã«ãªã‚‹ã‚‚ã‚ŠãŸã§ã™ã€‚ 今回ã¯ã€å‰ã‹ã‚‰ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ã¦ã„ãŸã‚¦ã‚§ãƒ–フォントをカーニングã§ãã‚‹JS「HTMLã§æ–‡å—è©°ã‚ã™ã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ç”¨JSã€ã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚ http://fladdict.net/blog/2011/02/auto-kerning.html ※ç¾åœ¨ã¯ã‚¢ã‚¯ã‚»ã‚¹ã§ããªããªã£ã¦ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã¨ãŠã‚Šã€jsを使ã‚ãªãã¦ã‚‚letter-spacingを使ã£ã¦cssã ã‘ã§è¨å®šã—よã†ã¨æ€ãˆã°ã§ãã‚‹ã‚“ã§ã™ãŒã€ã²ã¨æ–‡å—ãšã¤ã®è¨å®šã¨ãªã‚‹ã¨htmlã‚‚cssã‚‚ã™ã£ãã‚Šã—ãªããªã‚‹ä¸Šã«ã‚ã‚“ã©ãã•ã„ï¼ ã“ã†ãƒ‘ッã¨ã‚¬ãƒƒã¨ã‚¹ãƒƒã¨è¨å®šã—ãŸã„ï¼ ãã‚“ãªå¸Œæœ›ã‚’å¶ãˆã¦ãれるã®ãŒã€ŒFLAutoKerning.jsã€ã§ã™ï¼ ãƒã‚¤ãƒ³ãƒˆ1：導入ãŒæ¥½ã§ã™ æ‰‹é †ã¯ç°¡å˜ã€ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウãƒãƒ¼ãƒ‰ã—ã¦jqeryã¨ä¸€ç·’ã«èªã¿è¾¼ã¾ã›ã¦<head>内ã«è¨å®šã‚’書ãã ã‘。 入れã¦ã¿ãŸãƒ‡ãƒ¢
フãƒãƒƒãƒ—デザインフォント
ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨å¯èƒ½ãªæ¼¢å—ãŒä½¿ãˆã‚‹ãƒ•ã‚©ãƒ³ãƒˆ7é¸ Â» ã¨ã‚Šã‚ãˆãš9JP
[Webデザイン] æ–‡å—組ã¿ã«ã¤ã„ã¦æœ¬æ°—出ã—ã¦è€ƒãˆã¦ã¿ãŸ | Stocker.jp / diary![[Webデザイン] æ–‡å—組ã¿ã«ã¤ã„ã¦æœ¬æ°—出ã—ã¦è€ƒãˆã¦ã¿ãŸ | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
[CSS]コピペã§ä½¿ãˆã‚‹ã€ãƒ†ã‚スト周りをã‹ã£ã“よãã™ã‚‹CSS3ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé›†
{{#tags}}- {{label}}
{{/tags}}