Angular & Signals (283 Qs)•Part 10: Reactive Forms, Standalone Components, Signals & NgRx (256 - 283)
What is the benefit of Automatic Inlining of Fonts?
During compile time, Angular CLI will download and inline the fonts that your application is using. This performance update speed up the first contentful paint(FCP) and this feature is enabled by default in apps built with version 11.
Practical Code Example
html
<!-- Automatic Font Inlining: -->
<!-- Angular CLI downloads Google Fonts at build time and inlines CSS directly into index.html -->
<style>@font-face { font-family: 'Roboto'; src: url(...) }</style>
<!-- Eliminates render-blocking external network round-trip! -->