☰

特定の Web ページでフォント ファミリを置き換える方法 - Firefox 55.x.xx

tag-icon • tag-icon firefox fonts
特定の Web ページでフォント ファミリを置き換える方法 - Firefox 55.x.xx

Windows 10 では ClearType がオフになっているため、Web ページの一部のフォントが醜く見えます。たとえば、PayPal サイトでは次のようになります"PayPal-Sans"。
ここに画像の説明を入力してください
しかし"Arial"、またはは"Tahoma"見栄えが優れています。Firefox 55.x.xx で CSS またはスクリプトを使用して、特定のフォントをまたは他のタイプに置き換えることは可能ですか"Arial"? いくつかの解決策を試しましたが、Firefox 55 バージョンでは機能しなくなったようです。

これメソッドは機能しません:
ファイル./Profiles/some_profile.default/chrome/userContent.css:

@font-face {
font-family: 'PayPal-Sans';
src: local('Arial');
}

私の目標は、これを次のようにすることです -"Arial"フォント:
ここに画像の説明を入力してください

答え1

ついに一時的な解決策を見つけました :)

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(www.paypal.com) { 

  * {
    font-family: "Arial" !important;
  }

  .moreIcon,
  .vx_icon vx_icon-small,
  .vx_icon-arrow-right-half-small,
  .mer-notifications-nav-icon,
  .mer-settings-nav-icon {
    font-family: "paypal-vx-icons" !important;
  }

  span.caret,
  a.secondaryButton,
  .icon, .caret {
    font-family: "consumer-icons" !important;
  }
}

これで PayPal は再び正常に見えるようになりました :)

関連情報