Changing Fonts for headers

Hello again. I’ve been playing around with CSS, but couldn’t find a way to change h1 (name text) font to omg.lol font (VC Honey Deck, I think, according to omg.lol-special.css) like how it is in omg.lol Special theme, while keeping bio text font the same as in Gradient theme.
I tried appending this in custom CSS field:

@import url('https://cdn.cache.lol/type/font-honey.css')

h1, h2, h3 {font-family: 'VC Honey Deck', sans-serif;}

This did not work though.
All help is appreciated.

1 Like

If you’re targetting the name line only, making it more specific should work? E.g.

h1#name {font-family: 'VC Honey Deck', sans-serif;}
1 Like

That did not work, or I’m doing something wrong.
When I insert:

@import url('https://cdn.cache.lol/type/font-honey.css')
h1#name {font-family: 'VC Honey Deck', sans-serif;}

Font stays the same as in Gradient theme.
When I insert just:

h1#name {font-family: 'VC Honey Deck', sans-serif;}

Font changes to default, I think, it looks like this :arrow_down:
image

1 Like

Try adding !important to override any lower declarations, e.g. font-family: 'VC Honey Deck', sans-serif !important;.

1 Like
@import url('https://cdn.cache.lol/type/font-honey.css')
h1#name {font-family: 'VC Honey Deck', sans-serif !important;}

That did not work, unfortunately. I wonder why. :thinking:

1 Like