css-fontの検索結果1 - 3 件 / 3件

• あとで読む

  CSS @font-faceに使用する新しい構文の基礎知識と使い方、format()とtech()、OpenType-SVGとCOLRv1によるカラーフォントの表示

  • 26 users
  • coliss.com
  • テクノロジー
  • 2023/08/03

  CSSの@font-faceで見慣れない構文があるなと思ったら、どうやら新しい構文がChrome, Edge, Safari, Firefoxの各ブラウザにサポートされていました。 CSSの@font-faceに使用する新しい構文の基礎知識と使い方を紹介します。 The new @font-face syntax by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 @font-faceの新しい構文のブラウザサポート @font-faceによる可変フォントの使用方法 tech()によるカラーフォントの使用方法 @supportsでも同等の機能が使用できる @font-faceの新しい構文のブラウザサポート CSSの@font-faceの新しい構文は、Safai 17（次のバージョンアップ）, Fir

  • CSS
  • フォント
  • font
  • あとで読む

  
• あとで読む

  COLRv1 and CSS font-palette | CSS-Tricks

  • 5 users
  • css-tricks.com
  • テクノロジー
  • 2022/05/12

  According to Toshi Omagari, the author of Arcade Game Typography, the world’s first multi-colored digital font was created in 1982 for a never-released video game called Insector. Multi-colored fonts, sometimes called chromatic type, are still relatively rare on the web, even though the COLR font format has had full cross-browser support since 2018 (even in Internet Explorer!). The technology open

  • font
  • css

  
• あとで読む

  A New Way To Reduce Font Loading Impact: CSS Font Descriptors — Smashing Magazine

  • 3 users
  • www.smashingmagazine.com
  • テクノロジー
  • 2021/05/26

  Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts. Font loading has long been a bugbear of web performance, and there really are no good choices here. If you want to use web fonts your choices are