Charlottenz Posted June 24, 2023 Posted June 24, 2023 My website is www.littlebattersea.co.nz I've uploaded the font 'Bulgari' which is working perfectly on desktop, but is not working on mobile. Any tips?
Solution tuanphan Posted June 25, 2023 Solution Posted June 25, 2023 Because your code is invalid. You haven't added real font url into the @font-face code Replace FontURL with real font file url. Even if the code is wrong, you still see it working because your computer already has that font installed. 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!)
LillianC Posted July 3, 2023 Posted July 3, 2023 I'm having the same problem. How can I apply my custom font "DM sans regular" to H1 headings and all paragraph on mobile? https://www.rooftopbar.co/
Charlottenz Posted July 3, 2023 Author Posted July 3, 2023 Hey, this is the code i ended up using: p1 {font-family: 'FONT NAME';} p2 {font-family: 'FONT NAME';} p3 {font-family: 'FONT NAME';} h1 {font-family: 'FONT NAME';} h2 {font-family: 'FONT NAME';} h3 {font-family: 'FONT NAME';} h4 {font-family: 'FONT NAME';} @font-face {font-family: 'FONT NAME'; src: url (url); } @font-face {font-family: 'FONT NAME'; src: url(url);} Also, love your bar - frequented a few times.
tuanphan Posted July 4, 2023 Posted July 4, 2023 You can combine your code to make it shorter, eg, h1, h2, h3, h4 {font-family: 'FONT NAME';} Also, p1, p2, p3 tag doesn't exist. To target all there p, you can use p {font-family: 'FONT NAME' !important;} If you wan to target each p, each p will have this id p1 = p.sqsrte-large p2 = p:not(.sqsrte-large):not(.sqsrte-small) p3 = p.sqsrte-small 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment