Adaptive Posted November 25 Posted November 25 Site URL: https://uniquepool.squarespace.com/swimming-pools-gallery/breedon-priory-pool https://uniquepool.squarespace.com/swimming-pools-gallery/breedon-priory-pool The password is: Parkerlane Hi folks, I am trying to insert 4 google material icons on the page linked above. I can only get one to load properly using the info from here https://laz-i.com/blog/use-google-icons#method-3:-inside-a-text-block The code I have played with is as follows: <link rel="stylesheet"href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=design_services" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=work" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=square_foot" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=calendar_month"/> I have tried various iterations of the code but I can only get the "design_services" icon to load... can anyone help with where I am going wrong? Many thanks
Adaptive Posted November 26 Author Posted November 26 If I add this code <link rel="stylesheet"href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=design_services"/> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=work" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=square_foot" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=calendar_month" /> Only the last one shows up...? I presume there is something wrong with my code
tuanphan Posted Thursday at 08:45 AM Posted Thursday at 08:45 AM Which method did you use & Which section are you referring to? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Adaptive Posted Friday at 10:20 AM Author Posted Friday at 10:20 AM Hello, the reason it wasn't working was because google have changed their way of implementing it... The way I did it was to just use <link rel="stylesheet"href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"/>
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment