Add new font and change font size 11 pt

[newhere]

Hello,

 

I want to add a new font and also add 11 pt font size as we to personalize or website

 

How can I do this ?

 

Or do I need to use the free webfonts of Google http://www.google.com/fonts/

 

Thx

[BriceVanZeg]

It s depend of where you want this font..!

Anyway, look into your theme>>css>>global.css... at the begining, you have font and size for all the website.!

Good luck

[vekia]

but where you exactly want to use new font? You want to use new font as global font for your presta? Or as font for several blocks? etc.?

[newhere]

thanks for quick response !

 

I actually want to use the new font in the long description of the productdescription. As a heading to make several sections.

[vekia]

you're talking about description on product page?

i have to ask: what ps version and what template you use? default one?

[PascalVG]

N.B. Be careful with using special fonts, as most users don't have these default on their system. Give a font family list as 'fall back' option, just in case they can't use it.

See for more info about 'fall back' here:

http://www.w3schools.com/cssref/css_websafe_fonts.asp

 

Some useful lists are mentioned here:

http://www.webdesigndev.com/web-development/16-gorgeous-web-safe-fonts-to-use-with-css

 

More general info on web safe fonts:

http://web.mit.edu/jmorzins/www/fonts.html

[PascalVG]

Change for description in 1.5.x:

edit themes/<your theme folder>/css/global.css

and find the following lines (around line 615-642) and add red 'font-family' text:

/* ************************************************************************************************

PRODUCT PAGE

************************************************************************************************ */

...

 

#more_info_sheets {padding-top:10px; font-family: "Trebuchet MS", Helvetica, sans-serif; <-- add this

}

 

 

Hope that does the trick,

pascal

[magnuss99]

Hi. Im just configuring my first e-commerce and I need to use Gotham as my main Typography. I know that is not a safe type for web. Does exist any option to upload the type file to data base and call it from there?

 

If I just change type in global.css it won't show the type to anyone who doesn't have Gotham installed.

 

THANKS!

[vekia]

you can upload font file to your remote server and use css:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
   url('Sansation_Light.eot'); /* IE9 */
}

[magnuss99]

you can upload font file to your remote server and use css:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
   url('Sansation_Light.eot'); /* IE9 */
}

Thank you so much. This will help

[shv]

Hi,

 

If I want to change the font size in product listing on category page (grid view), whereabout in globalcss file should I make changes?

 

I'd also like to change text size of ¨Add to cart¨ and ¨More¨ buttons on category in product listing, in both views (list and grid), where the respective settings are located?

 

The PS I am using is 1.6.0.8.

 

Thanks a lot.

Edited October 13, 2014 by shv (see edit history)

[Lisa_brown2694]

you can upload font file to your remote server and use css:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
	   url('Sansation_Light.eot'); /* IE9 */
}

hey! I want to use the font  "Caviar Dreams - bold" on my website. And I am not so sure about the coding... can you explain in detail how to change my font??

 

Fast reply will be appreciated! Thanks in advance

[Kelly.H]

By the way, anyone could advice how I can change font and design in email templates?

I use 1.6.0.4

The font size in email template very big, I want to make it look normally, smaller...

For Logo in email: it does not attach into the head of ''letter''. Everytime sending email, Logo sent to customer as attached file.

Thank you so much for the advice...