2023年08月3日(木)

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

• 0
• 70
• 26
• 35

CSSの@font-faceで見慣れない構文があるなと思ったら、どうやら新しい構文がChrome, Edge, Safari, Firefoxの各ブラウザにサポートされていました。

CSSの@font-faceに使用する新しい構文の基礎知識と使い方を紹介します。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

ECのアプリ活用、はじめの一歩。ファンとつながり売上を伸ばすには

         

NEXT ›

               

サーバーサイド・アプリケーション構築のための、軽量で開発者フレンドリーなTypescriptフレームワーク・「Expresso TS」

関連記事

• 最近のCSSは進化が早い！ モダンCSSの新機能、ブラウザのサポートが充実した機能のまとめ
• JavaScriptはなし、CSSで実装されたWebページでよく使用されるUIコンポーネントの超軽量ライブラリ -CSSUI
• Chromiumを採用したEdgeがリリースされると、フロントエンド開発者にとって何を意味するのか
• 素材管理アプリEagleが、便利すぎる！ ver.4は想像以上の神アップデート、プラグインやAIツールの導入でさらに使いやすく
• Chrome 127で新しく追加された3つのCSSの機能、使用するフォントに関係なく読みやすくするなど

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『CSS @font-faceに使用する新しい構文の基礎知識と使い方、format()とtech()、OpenType-SVGとCOLRv1によるカラーフォントの表示』についてまとめています。

この記事は特にSVG・フォント・SEO・Chrome・Firefox・safariについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。