I need help with custom font



Hello Everybody !

I am trying to change the font of the menu and title of my theme but it does not work.
Here is what I have done so far. Any help to correct my method would be appreciated.

1/I have on my local PC the font monotype Corsiva (very common, I think it is installed on most PC) and I wanted to use it
2/I created a Fonts folder in my website root tree on Filezilla: /home/myusername/Prunellechamaret.com/wp-content/Fonts
3/I dragged the font monotype corsiva or MTCORSVA.TTF to that Fonts folder.
4/I think I managed to identify the css code for the menu in my parent theme main style.css file, and I made the following modifications in my css child theme:

@font-face{ font-family:MTCORSVA src:url('/www/home/myusername/Prunellechamaret.com/wp-content/themes/matchbook2-child/Fonts/MTCORSVA.TTF') format ("truetype") } .header #top-menu { position:relative list-style:none float:right font-family: 'MTCORSVA' font-size: 16px z-index:1 margin-top: 35px } #site-title a {font-family:MTCORSVA;}

Note that for the path, I need to manually write /MTCORVA.TTF. Despite the Fonts folder containing the font MTCORSVA.TTF, the path stops at “Fonts”.

The parent theme’s original coding for the menu font was: (this code has semi colons when I open it with the software “Brackets”, but with or without semi-colons at the end, my child theme new code doesn’t work).

} .header #top-menu { position:relative; list-style:none; float:right; font-family: 'Amaranth', sans-serif; font-size: 16px; z-index:1; margin-top: 35px; }

Any idea why the new font is not appearing on my website ?
Thanks a lot !






Though … that’s not where it’s installed. There’s nothing in the Fonts folder. I checked your whole themes folder, and nothing named “MTCORSVA” is there :frowning:


Hello Ipstenu, you are everywhere and on every thread ^^

Indeed, there is no MTCORSVA to be seen because I decided to use the plugin “easy google fonts”. I am somehow hoping that since they are google fonts, more people will be able to see the fonts ? (Heard that if you use a font named Y and if someone doesn’t have this Y font installed on their local PC they won’t be able to see it on your website.)

But there is something that you could help me with again ^^ and it is changing the size of of my div class=“header” > (yep I have been experiencing with the “firefox inspector” )
I would like to shorten its lenght, so that it is not infringing on the content box and I would like to extend it by 1.20 inches (3cm) on each sides.
Also, I would like to center my blog-title, or logo special-anchor as named by the inspector.

Here is my header.php. I do not really know what to change in it :confused:


> <?php global $data; ?> <?php /* * Print the tag based on what is being viewed. * We filter the output of wp_title() a bit -- see * twentyten_filter_wp_title() in functions.php. */ wp_title( '|', true, 'right' );
<?php /* We add some JavaScript to pages with the comment form * to support sites with threaded comments (when in use). */ if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' );
/* Always have wp_head() just before the closing </head>
 * tag of your theme, or you will break many plugins, which
 * generally use this hook to add elements to <head> such
 * as styles, scripts, and meta tags.


<?php if ($data['outer']) { ?> .outer-wrapper { padding-top: <?php echo $data['outer']; ?>px; } <?php } else {?> <?php }?>
<!--Top menu starts--> 
<a href="<?php echo home_url(); ?>" class="logo special-anchor">
<?php if ($data['logo']) { ?><img src="<?php echo $data['logo']; ?>" alt="<?php bloginfo( 'name' ); ?>" /><?php } else {?><h1 class="blog-title"><?php bloginfo( 'name' ); ?></h1><?php }?>
<ul id="top-menu">
	global $query_string;
	query_posts($query_string . "post_type=page&post_status=publish&posts_per_page=9999&orderby=menu_order&order=ASC");
	if ( have_posts() ) : while ( have_posts() ) : the_post(); 

	<li> <a href="#/<?php echo the_slug(); ?>" class="special-anchor"><?php the_title(); ?></a> </li>
<?php endwhile; endif; ?>

<!--Top menu ends--> 

I know you make plugins, but do you think you can help again ?
Thanks a lot :slight_smile:


Google Fonts does not provide the Monotype Corsiva font. For a list of fonts available through Google Fonts, please see their web site: http://www.google.com/fonts

I see that you’ve got the stylesheet for their Amaranth font loaded in your header, but that’s only going to give you that one font, not all of them.


Thank you for your answer. I actually gave up on Monotype Corsiva, it was installed on my computer but I do not think windows users are allowed to use Corsiva on their website. I tried to generate a code with frontsquirrel.com but a message poped up saying that monotype corsiva didn’t give rights for their font to be used on personal website.

Anyways, I am now using two Google fonts for my menu and logo: Gabriela and Tangerine. They are both curvy and feminine, can you see those two fonts on my website please ? And if you can, are those two fonts installed on your local PC ?

As of now and as I explained to Ipstenu-DH I would like to “to shorten my div class header length, so that it is not infringing on the content box and I would like to extend it by 1.20 inches (3cm) on each sides. I have 11 pages in my menu, so I need room.
Also, I would like to center my blog-title, or logo special-anchor.”

Thanks for your interest in my post :slight_smile:


Sorry, I forgot I had password protected my website ! I disabled the password plug in and I still need help with the size of my menu, if anyone is interesting in looking for a solution :slight_smile: