Additional font, where to put?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Additional font, where to put?

Post by Gregor »

Hi,

I want to use the font Livingstone on my site. I have a livingst.ttf Just putting Livingstone in the typography stylesheet, is not going to work. How can I manage to use this font and also select it from the lettertype menu? Are there any other stylesheets I have to "change"?

Thanks!
Piratos

Re: Additional font, where to put?

Post by Piratos »

Example:
@font-face { font-family:Garamond; src:url(garamond.eot), url(garamond.pfr); }
cyberman

Re: Additional font, where to put?

Post by cyberman »

You can also try the TruetypeText module - it supports menus ...
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Re: Additional font, where to put?

Post by Gregor »

With the 'letter type menu', I meant the menu in the content area where you can select a certain font.

Thanks for the quote, but where do I enter (I'm not a programmer or so...):

@font-face { font-family:Garamond; src:url(garamond.eot), url(garamond.pfr); }
Piratos

Re: Additional font, where to put?

Post by Piratos »

in the stylesheet, that you are using

font-face { font-family:Garamond; src:url(garamond.eot), url(garamond.pfr); }

or like the example in the header tag of the template.

use the correct font-name and correct url with the font-files.
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Re: Additional font, where to put?

Post by Gregor »

ok, I'm using the stylsheet Typography, which is connected to CSS Menu Vertical. I entered the following:

/* TYPOGRAPHY het lettertype van de menu's en de content*/
body {
text-align: left;
/* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
                font-family: Georgia, "Times New Roman", Times, serif, Livingstone; src:url(/Livingst.ttf);
font-size: 75.01%;
                line-height: 1em;
}
div {
font-size: 1em;
}
img {
border: 0;
}

The file Livingst.ttf is located in the root of the site. When I'm in the menu of content additing, I don't see Livingstone neither am I able to enter text in that specific font ???
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Re: Additional font, where to put?

Post by Gregor »

Hmmmm, I discovered that it is not just a matter of putting the ttf-file in the url, I need to convert this file to a .eot and a .pfr file. Never done that before ???
Post Reply

Return to “Layout and Design (CSS & HTML)”