feat(typography): use variable fonts instead of statics one by default

### Feature Description

Hi 🙌
I propose replacing the current static fonts for Roboto and Material Symbols with their variable font counterparts.

It will bring minor but valuable improvements especially for newcomers :

- Reduced file sizes and HTTP requests.
- Greater control over font properties (e.g., weight, width).
- Aligns with the latest web standards.

This change would enhance Angular Material’s efficiency, design capabilities, and relevance.

Here is a quick example of new default font import proposal :

```html

```

Thank you for considering this request.

### Use Case

- Enhance getting started with Angular Material experience
- Promote modern font technologies
- Align with latest web standards
- Better maintenability and performance

Nell’issue non sono indicati file, test o punti di ingresso. Inizia individuando dove Angular Material importa o documenta attualmente i font statici Roboto e Material Symbols, quindi confronta tale configurazione con gli import proposti dei font variabili. Il lavoro è completato quando la configurazione predefinita dei font utilizza le controparti variabili e l’esperienza getting started mantiene la tipografia prevista.

Scritto dal modello di indicizzazione a partire dal testo della issue.