skip to Main Content

I’m using googles "Windsong" font on a website as the logo font. It looks great there:
font on website

but now I wanted to use the exact same font and put it on a business card and in Affinity (or Photoshop) it looks like this:
font in photoshop

Which is almost like a different font – I’ve been trying to wrap my head around whats going on, looking again and again at the website css,

css props of font

re-downloading the font from google and re-installing it but no different. The css says its cursive, which is not an option in Affinity or even on the google-font site so I’m not sure if that is the issue maybe.

All I found out so far is that it must be the right font as looking at the fonts glyph-chart, it does have these characters, just with some weird dots under or above – but how can I get them to show and what made my website pick these over the ‘regular’ ones?

enter image description here

2

Answers


  1. Chosen as BEST ANSWER

    It seems that the font style is language dependent:

    I was finally trying to create custom font styles in Affinity now after I had pretty much tried everything else and here you can see that if the font is set to English, it will have the undesired look it had in Affinity by default: enter image description here

    Once I changed the langue to something like Turkish I finally got the style that the browser had picked by default, which is the one I wanted: enter image description here

    Even setting the language specifically to "None" gives the correct character styles: enter image description here


  2. It’s the same font but the first letter is capitalized on the first image and the second is lowercase.
    The fonts are the same maybe a bit different as of course your browser reads differently the fonts than photoshop which is a graphics tool.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search