I downloaded a "Fredoka One" font here: https://fonts.google.com/specimen/Fredoka+One?selection.family=Fredoka+One
and installed the TTF file on my system (ie mv FredoakOne-Regular.ttf ~/.fonts/
, and fc-cache -f -v
).
$ fc-list | grep -i "fredoka"
/home/myUser/.fonts/FredokaOne-Regular.ttf: Fredoka One:style=Regular
and my SVG file references the Fredoka One font like so:
font-family="'FredokaOne-Regular'"
Thus, when I view the SVG file in a browser, it doesn't render the font.
But when I change my SVG file to reference the file like this instead:
font-family="'Fredoka One'"
Then the font renders properly. Why aren't the names matching? How did this happen? Am I missing something?
FYI I received the SVG files from a designer who created/exported them in Illustrator, using MacOS.
If I can somehow alias the name FredokaOne-Regular
to point to my Fredoka One
font name, would that be a reasonable solution? If so, how?