Hello guys,
I’m trying to install SF font from Apple on my Droplet.
I’ve placed the font in 3 places, just in case:
/usr/share/fonts/
/usr/local/share/fonts/
~/.fonts/
Then in my .css I have:
font-family: 'SF UI Display Regular';
Which works fine in my Mac.
Any suggestions please?
Have you installed a desktop environment on your droplet? Which .css file are you referring to?
I’m using WickedPdf to generate a pdf and I want to use the SF Font, sorry, should have mentioned it was a .pdf
I’ve copied the fonts from my Mac into my Droplet.
I’ve tried that. The thing is, if I call the font and it’s installed in my Droplet, why it’s not loading it? It’s using DejaVu by default, which I believe it’s the default system font.
Probably because the extension is incorrect or WickedPdf ignores system fonts.
It does work on my Mac, with the same fonts, and using WickedPdf. Pretty weird. Thanks anyway, will try to figure it out.
Unless you’re referencing the location of the font in your CSS file, font-family isn’t going to work as it normally would in a local environment (i.e on a Mac or Windows machine).
In your CSS file, you’ll need to define @font-face and provide a direct or relative path to the font file before it can be used.
This should be placed above any references to the font in question (i.e. at the top of the CSS file).
i.e.
@font-face {
font-family: 'SF UI Display Regular';
font-style: normal;
font-weight: 400;
src: local('/path/to/font.ext');
}
You would need to change /path/to/font.ext to the direct or relative path to the associated file.
Thanks for the reply.
I’ve just tried encoding the font with base64 and it’s working.
No problem, that works too :-). Glad to hear you were able to get things working!