Installing fonts for web use

tip

Your webfont order comes with a dynamically generated sample CSS code. Simply use this code to embed the fonts in your website!

  1. Before installing the font, extract the font files from the .zip file you have downloaded after your order.

  2. Once you have the font files, you will need to upload them to your web server. This can be done using an FTP client such as FileZilla. Connect to your server using the FTP credentials provided by your hosting provider, and upload the font files to the desired location on your server.


  3. Next, you will need to create a CSS file and include an @font-face declaration to specify the location of the font files on the server. The following is an example of what this declaration might look like:


@font-face { font-family: "My Font"; src: url("/fonts/my-font.woff2") format("woff2"), url("/fonts/my-font.woff") format("woff"); }
  1. Once you have included the @font-face declaration, you can then apply the font to specific elements on your website by setting the font-family property in your CSS. Here's an example of how you might use the "My Font" in your CSS:
body { font-family: "My Font", sans-serif; }
  1. Finally, be sure to link the CSS file containing the @font-face declaration in the head of your HTML documents, so that the font can be loaded and applied to your website.
<link rel="stylesheet" type="text/css" href="path/to/my-fonts.css">