そんなとき、福音の鐘がなりました。"palt";}さあ、ラピュタの呪文の如く、皆で唱えましょう。!我々はついに手に入れました。すごいぞぉ!「カーニング」は本当にあったんだ!ただし、当時はOSによって効くもの効かないものがあったんですよねぇ。OSとiOSが効かなかった。JPはWebフォントなので、まずフォントファイルをインポートします。Stylesheets/Pens」にリンクを追加してください。参考記事の説明の通りfont-familyプロパティで、YakuHanJPを日本語フォントより前に書きます。することで約物が優先的に詰まります。CodePen.Webフォントを読み込む必要があることと、部分的に効果を掛けるためには、若干font-familyの指定が複雑になるかも?ただ、環境による差異はおそらく無さそうです。難点としては、Webフォントなので初回は読み込みに少し時間がかかることですね。最後にこれまで「カーニング」を実現できた3つの方法を比較してみましょう。spanタグ:は約物は詰まっているが、カタカナはパラパラ、漢字は窮屈、と細かい文字間のピッチが合っていない。YakuHanJP:「font-feature-settings」より少しゆったり?個人的にはfont-feature-settingsがいつの間にか適用範囲が拡がったことを知れて、グッと現実味が増した感があります!それを知れたのも「YakuHanJP」との出会いがキッカケなので感謝です!「YakuHanJP」、平尾さんのツイートで知りました。https://t.co/r78BscuACsNOWのサイトに使われてた日本語はこれだっった。役物をカーニングしてくれるやつ。2018年7月2日Kageyamaさんのツイートが本記事の着想になりました。22:29Tweet関連記事2019-08-31【CSS】scroll-snapでスナップ(引っかかり)のあるスクロールがまったくカン・タン・だ!スナップ(ひっかかり)のあるスクロールをするのに昔はJSを利...2019-08-25【Vue.js】UIフレームワーク「Vuetify」をCDNリンクで事始めたVue.jsの続きでず。作っ...2018-07-09【JS】フォームのinputタグにURLパラメータを渡す方法URLの後ろにつらつらと続くパラメータ。あれを取得してフォーム...2018-07-03【続・CSSの文字詰め】letter-spacingとfont-feature-settingsとY...昨日の「CSS文字詰め」の続きになります。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。(24)リンクTwitterInstagramYoutubeCodePenGitHubPinterestQuolaFacebooknoteQiitaはてなブログをはじめよう!idr_zzさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。