I need help with custom font

wordpress

#1

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 !

Pru


#2

src:url(’/www/home/myusername/Prunellechamaret.com/wp-content/themes/matchbook2-child/Fonts/MTCORSVA.TTF’)

Try

src:url(‘http://prunellechamaret.com/wp-content/themes/matchbook2-child/Fonts/MTCORSVA.TTF’)

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:


#3

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:

[code]

> <?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' );
?></title>
<?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.
 */
wp_head();

?>

<?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 }?>
</a>
<ul id="top-menu">
  
	<?php
	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; ?>
</ul>

<!--Top menu ends--> 
[/code]

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


#4

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.


#5

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:
Pru


#6

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:

Pru