Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

how to add a new font-family?

customcustom fontsfontsgoogle web fonts
    • 9 years, 12 months ago 666ft
      Participant

      Expired

      hello,

      first I want to congratulate you for the excellent theme.

      please, I wanto to know how I can add a new font-family in typography?

      my client wants to use a specific and different font-family used by the theme. i justconverted my font to <span style=”font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial;”><span style=”font-size: 14px; line-height: 23.1000003814697px;”>@font-face format but i dont know how to use at the theme.</span></span>

      regards,

      666ft

    • 9 years, 12 months ago Mirela
      Participant

      Hello,

      Thank you for the kind words!
      To add a new font please do the following:
      1-download and add at ‘font’ folder, the new font files;
      2-go to file specular\admin\inc\fields\typography\googlefonts.json and list the new font here. Add this code at the end of the list:

      "new_font_name": {
              "variants": [{
                  "id": "400",
                  "name": "Normal 400"
              }],
              "subsets": [{
                  "id": "latin",
                  "name": "Latin"
              }]
          }

      2.1-Now go in the same folder, to file googlefonts.php and add this line:
      "new_font_name":{"variants":[{"id":"400","name":"Normal 400"}],"subsets":[{"id":"latin","name":"Latin"}]},
      at the end of font list. (It may be a little confusing but be careful not to mess the commas up).

      2.2-The last step, go to file googlefonts.html and add in between the other fonts, this line:
      <option data-google="true" value="New_font_name">New_font_name</option>
      This will show up the font in the Typography Options > Font Family list.

      Let us know if you need help.

      Best regards!

      • This reply was modified 9 years, 12 months ago by Mirela.
    • 9 years, 12 months ago 666ft
      Participant

      Expired

      hello, thanks for the help

      I followed all the steps and took care with commas up  as you said. at first it seems that everything went right, my new font appeared at Typography Options> Font Family list.

      but when looking at the page, the font is notmy new font applied, it seems like a Times New Roman…

      can you please help me?

      regards,

      6

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      Please make sure to have added the files in font folder. If you can send us your wp credentials and ftp in a private reply, so i can check what’s missing.

      Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password