0
Welcome Guest! Login
0 items Join Now

Custom Fonts...

    • Brettbuc's Avatar
    • Brettbuc
    • Hero Rocketeer
    • Posts: 364
    • Thanks: 1

    Custom Fonts...

    Posted 10 years 10 months ago
    • Hi all! I have always used the fonts that come with Joomla! and my template provider. What do I do if I need to use a custom font that is not included? Thanks!
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Custom Fonts...

    Posted 10 years 10 months ago
    • Brettbuc's Avatar
    • Brettbuc
    • Hero Rocketeer
    • Posts: 364
    • Thanks: 1

    Re: Custom Fonts...

    Posted 10 years 10 months ago
    • Thanks! I'm hung up on
      4)add this at the bottom of your template.css file:

      Where is the template.css file?

      Also, with the font im using, it has a "regular" (overpass_regular-webfont.XXX) and a "bold" (overpass_bold-webfont.XXX). In the post you referenced, you show to add the below code to the template.css file. How do I work in the "bold" versions of this font? What is the code for that? Thanks!!


      /* Aftermarket Styles */

      /* Add Circus Font */
      @font-face {
      font-family: 'CircusRegular';
      src: url('../fonts/circus-webfont.eot');
      src: url('../fonts/circus-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/circus-webfont.woff') format('woff'),
      url('../fonts/circus-webfont.ttf') format('truetype'),
      url('../fonts/circus-webfont.svg#CircusRegular') format('svg');
      font-weight: normal;
      font-style: normal;

      }
      .font-family-circus .title, .font-family-circus h1, .font-family-circus h2, .font-family-circus h3 {font-family: CircusRegular,Georgia, sans-serif;}
      #rt-navigation .menutop li span {font-family: CircusRegular, georgia, arial;font-size: 30px;color: #bfa874;}
      #rt-navigation .menutop li.active span, #rt-navigation .menutop li:hover span {color: #FFF;}
    • Last Edit: 10 years 10 months ago by Brettbuc.
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Custom Fonts...

    Posted 10 years 10 months ago
    • you would have to do it separately for the bold and then set which element that you want to select the regular vs the bold font. I would suggest not using both but you can.

      edit btw you can use a custom css file for the css instead of adding it in the template.css file. I will update that old tutorial.
    • Last Edit: 10 years 10 months ago by cdavis411.
    • Brettbuc's Avatar
    • Brettbuc
    • Hero Rocketeer
    • Posts: 364
    • Thanks: 1

    Re: Custom Fonts...

    Posted 10 years 10 months ago
    • Great! Thanks!
    • Brettbuc's Avatar
    • Brettbuc
    • Hero Rocketeer
    • Posts: 364
    • Thanks: 1

    Re: Custom Fonts...

    Posted 10 years 10 months ago
    • Working down your tutorial, the next step: 5) Find the template-options.xml file in the root Juxta directory.

      I'm using vermilion template, is there a template-options.xml? I don't see it.

      Thanks!
    • Brettbuc's Avatar
    • Brettbuc
    • Hero Rocketeer
    • Posts: 364
    • Thanks: 1

    Re: Custom Fonts...

    Posted 10 years 10 months ago
    • nevermind. I found it!
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Custom Fonts...

    Posted 10 years 10 months ago
    • great. If your issue is solved, please mark the subject of your original post [SOLVED]. Likewise, if you still need help please reply with details. Cheers :)

Time to create page: 0.084 seconds