Site URL: https://www.pennyvozniak.com/
Hello everyone,
I added Arial Narrow and Vendor fonts in the custom CSS panel. Looks like this:
@font-face {
font-family: 'vendor';
src: url('https://static1.squarespace.com/static/5fcc32ac190b057dd3728887/t/5fcdd4a35d2e6f3bda5e7454/1607324836889/font.woff'); }
h1 {font-family: 'ArialNarrow';}
h2 {font-family: 'Vendor';}
h3 {font-family: 'ArialNarrow';}
h4 {font-family: 'ArialNarrow';}
p {font-family: 'ArialNarrow';}
The design is correct on the desktop version, but on my phone and iPad the font for the body text is not Arial Narrow, it's another serif font that I didn't select. However, Vendor came across fine on the mobile site. Strange...
Any ideas how I can fix this so that the body text (Arial Narrow) is the same across all screens?
Also, I would like the text underneath the gallery images to be Arial Narrow, but I can't seem to change that font at all. Any advice for this too would be fab.
Thank you!
Penny