Change Font Height and Kerning

Highlighted
New Member
6 0 0

Hi,

I'm wanting to adjust the height and kerning on the font (ProFontWindows) on my website.

Does anyone know how to do this in code?

My website: anyfn.com.

 

See here:

3shopifycomm.png

0 Likes
Highlighted
Explorer
38 9 15

Hello malmoo,

To adjust the properties of your type, you will need to edit the file application.scss.liquid (or another file ending in .scss.liquid) within the assets folder. The css properties that might be helpful are:

line-spacing, font-size, font-stretch. A full list of font properties can be found here: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts

It is best to target the font you are after using a css selector rather then globally. For only the top heading pictured you would use something along the lines of:

#shopify-section-1594405810115 p{

    //font properties

}

On a side note, you have a really annoying debug running on the site: setInterval(function(){ debugger; },1000) -> it pretty much runs every second.

Hope that helps!

If comment was helpful, hit Like!
Solved your issue? Set Accept as Solution!
Need a quote? Contact glenn@plankcreative.com.au to get in touch!
0 Likes