How to install Font for generic landing pages?

[SafeZoner]

How does one add a font that is not available by default to a domain landing page in the /public_html/ folder? (Landing page being a basic index.php page with a .css linked page)

Looking for a way to automatically install and display a non-default font for our landing page so that visitors do not have to manually install the font on their devices to enjoy the font style. (landing page is a basic index.php with a linked .css page. Not an application's index.php like Joomla, Wordpress, phpBB.) - Thanks in advance for any assistance.

[Nate · Accepted solution]

After uploading the fonts to the server you'll need to define which font to use where in the CSS.  Here is a great article on the subject for cross-browser support.

https://css-tricks.com/snippets/css/using-font-face/

There are also resources that provide fonts already hosted on a Content Delivery Network, which have already worked out the cross-browser support and you would just need to add them into your CSS.  A popular free option is Google Fonts.

https://fonts.google.com/

[Nate · Accepted solution]

After uploading the fonts to the server you'll need to define which font to use where in the CSS.  Here is a great article on the subject for cross-browser support.

https://css-tricks.com/snippets/css/using-font-face/

There are also resources that provide fonts already hosted on a Content Delivery Network, which have already worked out the cross-browser support and you would just need to add them into your CSS.  A popular free option is Google Fonts.

https://fonts.google.com/

[SafeZoner · Accepted solution]

Thanks Nate, the links were very useful and helped resolve the issue. Having a .CSS reference makes things much easier for the project I am working on.