Upload premium fonts w/o plugin?

  • I’m a brand newbie, not techie, but wish to upload a premium font family from my Monotype Library subscription. I’m aware there are various plugins that promise to do this but would like to limit plugins as much as possible. Support at fonts.com found the following instructions somewhere on this site but when I did a search I did’t find them. First the instructions I received, then my questions.
    *******************************************************
    The instructions below, based on WordPress 4.2, demonstrate the basic steps to be able to include web fonts into your WordPress website.

    1. Extract the demo.css file and Fonts folder from the web font kit ZIP file
    2. In your WordPress installation folder, locate the css folder for the theme you’re currently using
    Example: wp-content/themes/twentyfifteen/css/
    3. Upload the demo.css file and Fonts folder from Step #1 into this folder
    4. Sign into your WordPress admin
    5. Under the Appearance section, click Editor.
    6. In the file list on the right-hand side, choose “Header (header.php)”
    7. In between the <head> and </head> tags, add a new line with this tag:
    <link rel=”stylesheet” href=”<?php echo esc_url( get_template_directory_uri() ); ?>/css/demo.css”>
    8. Click Update File.

    You can optionally rename the demo.css file to something more descriptive such as fonts.css. If you do, be sure to make sure that change is reflected in Step #7 when adding a reference to it.
    *******************************************************
    First thing I don’t understand is the part about the WordPress installation folder because my hosting company provided WP, so I don’t have such a folder.

    Second – and I sent this query to the tech at fonts.com also – I wish to upload all weights of just one font family. I downloaded the self-hosting kit from fonts.com, but there is much more than the demo.css file there, in addition to the fonts folder. The files are:

    demo-async.css
    demo-async.htm
    demo.css
    demo.htm
    fontlist.xml
    mtiFontTrackingCode.js (presumably Monotype Font Tracking Code)

    So do I need to upload all those files, along with the fonts folder?

    If so, how/where can I do this within WP?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The instructions below, based on WordPress 4.2, demonstrate the basic steps to be able to include web fonts into your WordPress website.

    They’re bad instructions that will result in your changes being erased every time WordPress or your theme updates.

    Please can you tell us why you don’t want to use a plugin? The outcome is exactly the same as doing it manually and using a plugin.

    If you create a child theme you can include all the fonts in the child theme css file

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Upload premium fonts w/o plugin?’ is closed to new replies.