@Font-Face in Edu-Clean Theme

Hello All,

Working on a site for a client and using the EduBlogs homepage theme.


We need to be able to use custom fonts, but it appears that the font selected in the themes admin panel overrides any @font-face css in the actual child-style.css file.

How would we add a font to the font selection menu of the themes admin panel?
How would we override that selection with the css?

Thanks A ton1

  • Richie_KS

    its need some step actually...first open up edu-clean/_inc/functions/options-functions.php
    edit line 314

    array( "name" => __("Choose your body font", TEMPLATE_DOMAIN),
    "id" => $shortname . "_edus_body_font",
    "inblock" => "font",
    "type" => "select",
    "std" => "Arial, sans-serif",
    "options" => array(
    "Arial, sans-serif",
    "Helvetica, Arial, sans-serif",
    "Helvetica LT Light, Helvetica, Arial",
    "Univers LT 55, Lucida Grande, Lucida Sans",
    "Arial, Verdana, Times New Roman, sans-serif",
    "Verdana, Arial, Times New Roman, sans-serif",
    "Calibri, Helvetica, Trebuchet MS",
    "Lucida Grande, Verdana, Tahoma, Trebuchet MS",
    "Times New Roman, Georgia, Tahoma, Trajan Pro",
    "Georgia, Times New Roman, Helvetica, sans-serif",
    "Cambria, Georgia, Times New Roman",
    "Futura LT Book, Helvetica Neue, Tahoma, Georgia",
    "Tahoma, Lucida Sans, Arial",
    "Lucida Sans, Lucida Grande, Trebuchet MS",
    "Century Gothic, Century, Georgia, Times New Roman",
    "Arial Rounded MT Bold, Arial, Verdana, sans-serif",
    "Trebuchet MS, Arial, Verdana, Helvetica, sans-serif",
    "Qlassik Bold, Qlassik Medium, Trebuchet MS",
    "Delicious, Delicious Heavy, Decker, Denmark",
    "Helvetica Neue, Helvetica LT Std Cond, Helvetica-Normal",
    "Humana Sans ITC, Humana Sans Md ITC, Lucida Grande, Georgia",
    "Qlassik Bold, Qlassik Medium, Trebuchet MS, Tahoma, Arial",
    "Trebuchet MS, Arial, Verdana, Helvetica, sans-serif",
    "Myriad Pro, Myriad Pro Black SemiExt, Trebuchet MS, Tahoma",
    "Anivers, Trebuchet MS, Tahoma",
    "Geneva, Arial, Verdana, sans-serif"


    BOLD change them to all the available @font-face font.
    similiar step goes to the below array font list.
    array( "name" => __("Choose your headline font", TEMPLATE_DOMAIN),

    after that open edu-clean/header.php and add your @font-face embed code before </head>
    sample case if i have DROID font inside edu-clean/fonts/

    <?php print "<style type='text/css' media='screen'>"; ?>
    @font-face {
    	font-family: 'DroidSansRegular';
    	src: url('<?php bloginfo('template_directory'); ?>/fonts/DroidSans-webfont.eot');
    	src: local('?'), url('<?php bloginfo('template_directory'); ?>/fonts/DroidSans-webfont.woff') format('woff'), url('<?php bloginfo('template_directory'); ?>/fonts/DroidSans-webfont.ttf') format('truetype'), url('<?php bloginfo('template_directory'); ?>/fonts/DroidSans-webfont.svg#webfontbC7tRKrq') format('svg');
    	font-weight: normal;
    	font-style: normal;
    <?php print "</style>"; ?>

    and when i select the theme options with the edited fonts. the body font options will be apply.

    hope that help:slight_smile: