Home › Forums › SEA HTML5 Template › Text module defaulting to system font on mobile
- This topic has 4 replies, 2 voices, and was last updated 4 years, 9 months ago by
floodout.
-
AuthorPosts
-
August 29, 2021 at 1:28 am #25504
Hi for some reason, the first text module is defaulting to a “sans-serif” system font when I resize to mobile, and I have no idea why or where to change this.
See the copy “InDesign changes, made fast.No need to find a freelancer.We do it all online and offsite” and when you resize it changes from ‘Graphik-Light’ to something else that is bold as opposed to light.
http://helenneville.com/changes/
Thankyou!
August 29, 2021 at 3:06 am #25505Hi,
I found the body (includes font) style is within
@media (min-width: 768px)[screenshot], so it will not work on the mobile layout. Please check your custom.css, it should lost a}symbol
August 30, 2021 at 12:32 am #25542Thanks for looking.
Firstly the lost brace } symbol is present in the seatheme custom.css file that you download in the package – line 815. I am not sure where you add the missing brace } do you know?
I have placed my fontface information underneath where the sea fontface information is, so i am not sure where else I should have placed it. – is there another spot we should place our fontface for mobile?
screenshotSecondly – I have figured out – it is not defaulting to a system font – I have compared the text to the sea font, and it is the same font i am using – it just seems to be heavier. I have noticed in the source code there is a tag. could that be something to do with it? I am not sure why it would only make the mobile text strong and not the desktop text however…
screenshot
screenshotI am not sure how to “write” the inline code so it doesn’t have the strong.
The strong doesn’t seem to affect the desktop size, but when I am making the page smaller to mobile – the font weight is becoming heavier.
Help! I don’t know how to fix it.Thank you
August 30, 2021 at 5:12 am #25557Hi,
Sure, Please check the screenshot: https://www.dropbox.com/s/ee2ragpp95je0s4/QQ20210830-130649.jpg?dl=0
There is not the issue in original custom.css.I don’t understand 2nd question. It should work if you remove the extra
}, it messes many CSS codes of custom.css
August 30, 2021 at 11:31 am #25559Yes, thankyou – everything is resolved, I added that missing brace you have shown in the screen shot and now fonts are working again :0)
-
AuthorPosts
- You must be logged in to reply to this topic.
