不用意に font-feature-settings を使うと日本語表示がおかしくなる - 果樹園

2024/04/17 12 users OpenTypeフォント リモートワーカー CSS 夜明け

CSSでOpenTypeフォントの機能を制御できるようになった結果、欧文ページで font-feature-settings: "dlig"; が指定してあると、日本語に機械翻訳して読もうとした時に合字になって欲しくないところまで合字になってしまう。 「〜になります。」が「〜になり〼。」になる。— りんご🍏夜明けのリモートワーカー (@mstssk) ... 続きを読む

簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG

2022/06/08 99 users letter-spacing CSS トラッキング DTP

グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に... 続きを読む

文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA

2016/12/01 85 users OpenTypeフォント CSSプロパティー CSS 文字

ICS MEDIA Web制作 2016/12/01 文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング プロポーショナルメトリクスが有効になるフォントの一覧 このCSSプロパティーを使ったからといって全てのフォントで自動文字詰めができるわけではありません。利用できる条件は、OpenTypeフォントであることとプロポーショナルメトリ... 続きを読む

文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA

2016/11/30 1086 users プロパティー CSS ICS MEDIA DTP 界隈

「Webでは文字詰めはできない」と諦めていませんか？ 美しいタイポグラフィーのためには文字詰めは「当たり前」というデザイナーは多く、DTPやグラフィックデザインの界隈では基礎テクニックの一つされています。 そんな文字詰めですが、HTMLでも実はCSSの font-feature-settings プロパティーを指定するだけで 自動カーニングができます 。ほとんどのブラウザがサポートしており、実務で... 続きを読む