Featured AI Products
Compute
Build, deploy, and scale cloud compute resources
Containers and Images
Safely store and manage containers and backups
Managed Databases
Fully managed resources running popular database engines
Management and Dev Tools
Control infrastructure and gather insights
Networking
Secure and control traffic to apps
Security
Help protect your account and resources with these security features
Storage
Store and access any amount of data reliably in the cloud
Browse all products
AI/ML
CMS
Data and IoT
Developer Tools
Gaming and Media
Hosting
Security and Networking
Startups and SMBs
Web and App Platforms
See all solutions
Community
Documentation
Developer Tools
Get Involved
Utilities and Help
Become a Partner
Marketplace
Pricing

- Community
- DigitalOcean
- Community
- DigitalOcean

Can't load font on droplet

Posted on February 4, 2017

Ubuntu 16.04

DigitalOcean

By Telmo Goncalves

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?

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Woet

February 4, 2017

Have you installed a desktop environment on your droplet? Which .css file are you referring to?

Jonathan Tittle

February 4, 2017

@telm

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.

The developer cloud

Scale up as you grow — whether you're running one virtual machine or ten thousand.

View all products

Start building today

From GPU-powered inference and Kubernetes to managed databases and storage, get everything you need to build, scale, and deploy intelligent applications.

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Woet

February 4, 2017

Have you installed a desktop environment on your droplet? Which .css file are you referring to?

Jonathan Tittle

February 4, 2017

@telm

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.

Report this

Can't load font on droplet

Become a contributor for community

DigitalOcean Documentation

Resources for startups and AI-native businesses

The developer cloud

Start building today