I am using Angular 19 and all of my styling works as expected when doing an ng serve, but when I build the project, it creates a bundle of my css and injects it only for "print". I have this in my angular.json file and again, it creates the bundle just fine: "styles": [ "node_modules/font-awesome/css/font-awesome.css", "src/custom-theme.scss", "src/styles.css" ] My built index.html file looks like this in the head tags dealing with styling: <style>...all component styling...</style> <link rel="stylesheet" href="styles-QO6MI7ZW.css" media="print" onload="this.media='all'"> <noscript> <link rel="stylesheet" href="styles-QO6MI7ZW.css"> </noscript> If I inspect the html with Chrome and remove the media="print" from the stylesheet link all of my css loads correctly and everything is fine. Otherwise, my global styles are jacked up. Any help would be appreciated to get this styling working for all media because I'm just not sure why it's doing what it's doing. Continue reading...
