PennyVozniak
-
Posts
3 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by PennyVozniak
-
-
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
Custom Font not showing up on any other device
in Customize with code
Posted
I'm answering my own question here.
Figured it out. I had the code all wrong. This is working:
@font-face {
font-family: 'vendor';
src: url('https://static1.squarespace.com/static/5fcc32ac190b057dd3728887/t/5fcdd4a35d2e6f3bda5e7454/1607324836889/font.woff'); }
h2 {font-family: 'Vendor';}
@font-face {
font-family: 'ArialNarrow';
src: url('https://static1.squarespace.com/static/5fcc32ac190b057dd3728887/t/5fcc6f752fa8bc6bcde12072/1607233399408/arialn.ttf');
}
h1 {font-family: 'ArialNarrow';}
h3 {font-family: 'ArialNarrow';}
p {font-family: 'ArialNarrow';}
h4 {font-family: 'ArialNarrow';}
Still would like an answer for the gallery image captions... if anyone knows how to change these fonts...
P