@charset "UTF-8";
/*
* common_new/fonts/material-symbols-rounded.css
* ============================================================
* ■ このファイルの役割
* Material Symbols Rounded（アイコンフォント）を、Google Fonts経由
* ではなく自社サーバーから配信するための @font-face 定義。
*
* Googleフォント経由（fonts.googleapis.com → fonts.gstatic.comへの
* 追加リダイレクト）だと、DNS解決・TLSハンドシェイクが余分に発生し、
* その分アイコン表示が遅れて「表示がカタつく」原因になっていた。
* 自社配信にすることで、HTML本体と同じコネクションで並行取得でき、
* かつキャッシュ設定を自分たちでコントロールできる。
*
* ■ 使い方（各アプリのhead）
* 1. フォント本体をできるだけ早く取得させるため、
* の一番上でpreloadする
*
* 2. このCSSを読み込む（Google Fontsの`Material+Symbols+Rounded`の
* タグは不要になるので削除する）
*
*
* font-family名は元のGoogle Fonts版と同じ "Material Symbols Rounded"
* にしてあるため、各アプリの `.ms { font-family: "Material Symbols Rounded"; }`
* などの既存CSSは一切変更不要。
*
* ■ ファイルについて
* material-symbols-rounded.woff2 は google/material-design-icons
* （Apache License 2.0）の可変フォントから、実際に使用する予定の
* アイコンだけを抜き出したサブセット版（約75KB。全アイコン版は約5.2MB）。
* 含まれるアイコン一覧・追加手順は同フォルダの ICONS.md を参照。
*
* 可変フォント軸（FILL / GRAD / opsz / wght）はそのまま維持しているため、
* 各アプリの `.ms { font-variation-settings: ... }` は変更不要。
* ============================================================
*/
@font-face {
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 100 700; /* 可変フォントのウェイト軸(wght)の範囲 */
font-display: block; /* 読み込み中はグリフ非表示のまま待つ（フォールバック文字を出さない） */
src: url("material-symbols-rounded.woff2") format("woff2");
}