feat(framework): ship @ui5/webcomponents-base/dist/FontFace.css

[ilhan007]

Related to: #12898

Summary

Ships a standalone FontFace.css file in@ui5/webcomponents-base/dist/ that allows consumers to load UI5 fonts via CSS.

Motivation:

• Avoid cross-origin issues with CDN-based font loading

What's included:

• dist/FontFace.css - Contains @font-face declarations with npm
  package paths (resolved by bundlers)
• src/generated/css/FontFace.css.ts - Existing file with CDN
  URLs (used by default JS-based loading)

Usage:

Disable default font loading and load fonts manually.

• Import it in your application entry point (css or js):

// In your main.ts 
import "@ui5/webcomponents-base/dist/FontFace.css";

or

/* In your main.css */
@import "@ui5/webcomponents-base/dist/FontFace.css";

• Disable default Font Loading

// In your main.ts 
  import { setDefaultFontLoading } from
  "@ui5/webcomponents-base/dist/config/Fonts.js";
  setDefaultFontLoading(false);

[ui5-webcomponents-bot]

🚀 Deployed on https://pr-13018--ui5-webcomponents-preview.netlify.app