ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• August 24, 2016 at 3:36 pm #289213
  grazianomancini

  Member

  Post count: 1

  Since beginning of 2016 Fontdeck Closed his activities, so i need to put my own fonts created bu font squirrel in flexform.
  I putted fonts and custom css in the Flexform child page in style.css file and i wanted to have the new font in the menus and the headings only.
  How can i select it as a standard font ??????? Since in this way I am not seeing how to use it.
  Thank you!

  August 26, 2016 at 12:24 pm #289441
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @grazianomancini

  Unfortunately you can’t add it to the font select as default, you’d need to include the font manually, and then you can override the font output for headings etc with this css:

  body, h6, #sidebar .widget-heading h3, #header-search input, .header-items h3.phone-number, .related-wrap h4, #comments-list > h3, .item-heading h1, .sf-button, button, input[type="submit"], input[type="reset"], input[type="button"], .wpb_accordion_section h3, #header-login input, #mobile-navigation > div, .search-form input {
  font-family: 'YOUR_FONT', Arial, Helvetica, Tahoma, sans-serif;
  }
  h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .wpb_call_text, .impact-text, .testimonial-text, .header-advert {
  font-family: 'YOUR_FONT', Arial, Helvetica, Tahoma, sans-serif;
  }
  nav .menu li {
  font-family: 'YOUR_FONT', Arial, Helvetica, Tahoma, sans-serif;
  }

  – Ed

  August 27, 2016 at 10:29 am #289531
  grazianomancini

  Member

  Post count: 1

  Thank you.
  This is the standard procedure

  I discovered that it is possible instead:
  You must :
  A———-
  Add the front as standard request for any standard themes putting the fonts converted by font squirrel in the child theme directory

  B——–
  add the font in the child css style as follow ( in my case the font is bank_gothic):

  @font-face {
  font-family: ‘bankgothic’;
  src: url(‘bnkgothm-webfont.woff2’) format(‘woff2’),
  url(‘bnkgothm-webfont.woff’) format(‘woff’);
  font-weight: normal;
  font-style: normal;

  }

  C—–
  in flexform/options folder you must edit very carefully the file sf-options.php
  keeep an original copy of it because if you make any mistake you will not able anymore to access the intere website.
  keep also a copy of modified file because upgrades of the theme will overwrite it.
  in this file you will need to add the new font family belove the standard one for the 3 custom oprios (menu header and copy )
  in the line a bout 1246.
  a line like this one must be added below the standard fonts:
  ‘bankgothic’ => ‘bank gothic’,

  That’s all.
  Thank you a lot for your answer

  August 27, 2016 at 11:42 am #289533
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Thanks for letting us know your solution. Marking this topic as resolved.

  – Ed

• Back to forum

  Posted in: Flexform