test
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • susanin Friend
    #193845

    How to add cyrillic fonts in Google Font – Heading?

    How to modify?

    Regardless of the configuration: font-family: “Oxygen

    firebug:


    }
    h1, h2, h3, h4, h5, h6, blockquote {
    font-family: "Oxygen";
    }

    tpls/blocks/head.php

    <?php
    /**
    * @package T3 Blank
    * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
    * @license GNU General Public License version 2 or later; see LICENSE.txt
    */

    defined('_JEXEC') or die; ?>

    <!-- META FOR IOS & HANDHELD -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"/>
    <meta name="HandheldFriendly" content="true" />
    <meta name="apple-mobile-web-app-capable" content="YES" />
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
    <!-- //META FOR IOS & HANDHELD -->

    <!-- SYSTEM CSS -->
    <link href="<?php echo JURI::base(true) ?>/templates/system/css/system.css" rel="stylesheet" />
    <!-- //SYSTEM CSS -->

    <?php // Add T3v3 Basic head
    $this->addHead(); ?>

    <!-- CUSTOM CSS -->
    <link href="<?php echo T3_TEMPLATE_URL ?>/css/custom.css" rel="stylesheet" />
    <!-- //CUSTOM CSS -->

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!-->
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <!-->

    <!-- for IE6-8 support of media query -->
    <script type="text/javascript" src="<?php echo T3_URL ?>/js/respond.min.js"></script>
    <script type="text/javascript" src="<?php echo T3_TEMPLATE_URL ?>/js/template.js"></script>

    <?php // Extra Files
    echo $this->params->get('addcode');
    ?>

    <!-- Fonts -->
    <?php
    $bodyfont = $this->params->get('bodyFont');
    $logofont = $this->params->get('logoFont');
    $navfont = $this->params->get('navFont');
    $headingfont = $this->params->get('headingFont');

    ?>
    <style type="text/css">
    <?php

    if($bodyfont == "-1") { ?>
    html > body {font-family: <?php echo $this->params->get('bodyFont_custom') ?>;font-size: <?php echo $this->params->get('baseFontSize') ?> }
    <?php } else { ?>
    html > body {font-family: <?php echo $bodyfont; ?>;font-size: <?php echo $this->params->get('baseFontSize') ?>}
    <?php }

    if($headingfont == "-1") { ?>
    h1, h2, h3, h4, h5, h6, blockquote {font-family: <?php echo $this->params->get('headingFont_custom') ?>}
    <?php } else { ?>
    h1, h2, h3, h4, h5, h6, blockquote {font-family: <?php echo $headingfont ?>}
    <?php }
    if($navfont == "-1") { ?>
    #logowrap #navwrap li a {font-family: <?php echo $this->params->get('navFont_custom') ?>}
    <?php } else {?>
    #logowrap #navwrap li a {font-family: <?php echo $navfont ?>}
    <?php }
    if($logofont == "-1") { ?>
    #logowrap a {font-family: <?php echo $this->params->get('logoFont_custom') ?>;font-size: <?php echo $this->params->get('logosize') ?>}
    <?php } else { ?>
    #logowrap a {font-family: <?php echo $logofont ?>;font-size: <?php echo $this->params->get('logosize') ?>}
    <?php } ?>

    <?php if(($bodyfont || $headingfont || $navfont || $logofont) == "League Gothic") { ?>
    @font-face {
    font-family: 'League Gothic Regular';
    src: url('<?php echo T3_TEMPLATE_URL ?>/font/League_Gothic.eot');
    src: local('League Gothic Regular'), local('LeagueGothic-Regular'), url('League_Gothic.otf') format('opentype');
    }
    <?php }?>

    <?php if(!$this->countModules('grid1')) : ?>
    body.home #topcolour {
    padding-bottom: 25px;
    }
    body.home #middlecolour {
    margin-top: 0;
    background-position: left top;
    }

    <?php endif; ?>
    </style>

    As russian is a cyrillic language, I’d prefer to use the Google Font API as it has some really nice cyrillic fonts.
    Does somebody have an idea how I can fix that? I’m using Joomla 3.1.6 with the T3 Framework 1.1.0 RC2

    Thanks for your help


    1. be37548ad2
    Wall Crasher Developer
    #519089

    @ susanin,

    As shown in your screenshot, although the template is based on T3 Framework, but I do not think it is a product of JoomlArt. Please contact creator of the template to get more help.

    You can try to add
    <link href=’http://fonts.googleapis.com/css?family=Oxygen’ rel=’stylesheet’ type=’text/css’>
    just after <!– //SYSTEM CSS –> in the head.php file (above).

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 2 replies, has 2 voices, and was last updated by  Wall Crasher 10 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum