I’m building a landing page for a client who requested a custom font. The url is signup.onedrop.today.
I found & read your guide last night that referenced installing custom fonts via @font-face, and followed the instructions to generate the required CSS. What I experienced was after entering the CSS into the stylesheet and previewing the page, a white strip of raw CSS at the top of my landing page.
After that, I tried entered the custom font via HTML only. This actually worked & as I could see when I previewed via my laptop and could also see it on my Android, so I thought I was good to go.
I emailed my client the link, only to receive an email back saying all he sees is a serif font.
I’ve included below both the HTML & CSS I’ve tried so far.
The HTML I’m using:
NAVIGATING DIABETES, TOGETHER.
The @font-face CSS I tried:
src: url(‘Geometria-Light-webfont.eot?#iefix’) format(‘embedded-opentype’),
Finally, I also noticed I wasn’t able to use custom fonts for the page’s “Submit” button. Is that possible vis CSS? And if so could you include an example of how I need to reference the code.
Your assistance is much appreciated.