「@font-face」を含む日記

■anond:20231026204958

スケーリングは諸刃の剣

別にFHDモニタでもいいからとりあえずMacTypeをgithubからインストールして有効化しろ

デフォ設定でかなり綺麗になる

WindowsのシステムフォントはnoMeiryoUIを使って源真ゴシックP Regular 10ptあたりにするといい

ブラウザはStylus入れてこんな感じでダサいフォントを潰してけ

/*---------------
sans serif
---------------*/
@font-face {
    font-family: "メイリオ";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "Meiryo";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "Meiryo UI";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "ＭＳ Ｐゴシック";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "MS PGothic";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "MS UI Gothic";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "YuGothic";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "游ゴシック";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "Microsoft Yahei";
    src: local("源真ゴシックP Regular");
}

Permalink | 記事への反応(0) | 20:55

ツイートシェア

■

CSSのフォント設定で、

p {
  font-family: "Yu Gothic UI";
}

とか直書きで変なフォント指定しているサイトは、Stylusの拡張機能で

@font-face { src: local("Gen Shin Gothic Regular"); font-family: "Yu Gothic UI"; }

とかやって読みやすいフォントに全部置き換えてるんだけど、

font-family: system-ui;

っていう指定だけは置き換えができなくてイライラする。

font-family: system-ui; を殺す方法をだれか教えてくれ。

body { font-family: "Gen Shin Gothic" !important; }

とか強引に上書きするのはナシでな。これだと記号とか絵文字で必要なフォント指定まで死んでしまう。

Permalink | 記事への反応(0) | 14:34

ツイートシェア

■ふぉんとどうにかして

Chromeが77になってからか、CSSの@font-faceでローカルフォント指定が効かなくなった。

バグだと思われるが、拡張機能のStylusでMSゴシック系やメイリオ系のダサいフォントをIPAやNotoのようなモダンなフォントに置き換えてる(当然MacType併用で)俺にとっては苦痛すぎる。

毎日ほとんどの時間をPCブラウザでの情報収集に費やしてるんだがWindowsでChromeを使うのを辞めようかというレベル。今だとやっぱBraveとかがいいんだろうか。Chrome使ってても追跡されたり履歴に残るせいでオムニボックス候補に上がってきたりするのがイヤで検索の半分以上はCtrl+Shift+N後にやっているし。なんなら増田もシークレットモードで書き込んでいる。

それはともかく、MSゴ系やメイリオ系を指定するウェブサイトは可及的速やかに滅亡してほしい。游ゴを使うなら太め指定してくれ。もしくはWebフォントもっと広まれ。

Permalink | 記事への反応(1) | 12:11

ツイートシェア