We have gathered together a nice resource list of stunning web safe fonts that you can use with CSS. Font Family. @Daft Let me know if this works. Making the web more beautiful, fast, and open through great typography We can add CSS to Visualforce pages to change the look and Feel of the Salesforce application. It will be great if Salesforce can allow Administrators to chose Salesforce Sans (the one used almost every in Salesforce sites and lightning UI) as default font on Salesforce classic as well. This paragraph is in Open Sans. We were not able to successfully have the font hosted on the Salesforce servers. Change your settings, and choose what section you want the font to apply to. The font family of a text is set with the font-family property.. On a side note, it would be great if there was official instructions as to how to … – Dan Jones Jan 14 '16 at 14:36 There are many clients who are still using the old Salesforce Classic UI and it is unlikely that they might chose new lightning UI for another 5-6 years. In this way, all the paths for the various font types for cross-browser compatibility referred back to our home servers. This is how web devs who want to store fonts locally do it, so I shouldn't think Salesforce would be any different. Font Families that work: 'Arial Unicode MS', 'Courier', 'Serif', 'Sans-Serif' Font Families that don't work: 'Times New Roman', 'Times', 'Times-Roman', 'Times-New-Roman', 'Helvetica' I've been hnitting these boards all jnight - one posting says Times-Roman and Helvetica are supposed to work, but they don't. If the browser does not support the first font, it tries the next font, and so on. How to add CSS to Visualforce pages. Two things on your solution: first, it's not guaranteed that Google will always keep the same name for the fonts; this is an 'internal' hash which very likely will depend on the version that Google is currently delivering. What “sans-serif” says is “use whatever the client has set as its default sans-serif font” , which out of the box may be Helvetica and Arial, but may not, and it may be modified by the user. Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available. So what is CSS? Once you are pleased with the settings for that section you can click save. Preview Your Fonts Your headline is in Open Sans This is a sub heading in Open Sans. The font-family property should hold several font names as a "fallback" system. I've called different fonts using CDNs so this should work! On my Ubuntu machine that’ll end up being rendered in the Ubuntu font. Also, these fonts are very popular and are most likely to be pre-installed on your operating system, be it Windows, iOS or even Linux. Keep reading for how to use the buttons to the left. “Web Safe” fonts mean that they will look perfect no matter the browser you are viewing them from. Our solution was to include the custom font using @font-face in the CSS file, but hosting the fonts on our own servers. The best website for free high-quality Salesforce Sans fonts, with 31 free Salesforce Sans fonts for immediate download, and 55 professional Salesforce Sans fonts for the best price on the Web. CSS stands for Cascading Style Sheets(CSS), which allows user to create rules that specify how the content of an element should appear. Salesforce Sans font search results,FontKe for you to share Salesforce Sans resources,provide font download,font upload,font identification,font conversion,font preview,font generation,font design sample,font information and other services. I'm not getting a 404 -- it just seems like the @font-face might be missing somehow. Everything seems to work, except that the browser doesn't load the Salesforce-Sans fonts.