Fonts

[linlou]

I did everything right...made a folder called fonts....experimented on the CSS document of placement.

and the font is not showing up in the properties menu to select.

 

Does the font have to be in your HD system folder/Fonts/.....I'm on a Mac.

 

I want to use this:

 

@font-face {

font-family: 'LeagueGothicRegular';

src: url('league_gothic-webfont.eot');

src: url('league_gothic-webfont.eot?#iefix') format('embedded-opentype'),

url('league_gothic-webfont.woff') format('woff'),

url('league_gothic-webfont.ttf') format('truetype'),

url('league_gothic-webfont.svg#LeagueGothicRegular') format('svg');

font-weight: normal;

font-style: normal;

 

}

 

Can you tell me where to place it here in css doc below:

 

 

 

@charset "UTF-8";

 

 

body {

font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;

background: #42413C;

padding: 0px;

color: #000;

margin: 0;

}

 

ul, ol, dl {

padding: 0;

text-align: right;

margin: 0;

}

h1, h2, h3, h4, h5, h6, p {

margin-top: 0;

padding-right: 15px;

padding-left: 15px;

font-size: 11px;

font-family: Verdana, Geneva, sans-serif;

font-style: normal;

text-align: right;

}

a img {

border: none;

margin-top: 30px;

margin-left: 20px;

 

Thank you ... and don't forget to tell me if I need the font in my system folder.

[Wickham]

What I do is to place the actual font urls like these:-

@font-face {
font-family: 'MatchbookMatchbook';
src: url('Matchbook-webfont.eot');
src: local('☺'), 
url('Matchbook-webfont.woff') format('woff'), 
url('Matchbook-webfont.ttf') format('truetype'), 
url('Matchbook-webfont.svg#webfontilT7vtqy') format('svg');
font-weight: normal;
font-style: normal;
}

in a file called matcthbook.css in a separate folder called font-face and put a link in the head section of the html page (before the css file link or head section styles) like this :-

<link rel="stylesheet" href="font-face/matchbook.css" type="text/css" media="all">

 

Then the @font-face styles go in your css file or a head section style tag like this:-

/*STYLES FOR @FONT-FACE*/
/*Font from http://www.fontsquirrel.com/fontface/*/
h1.matchbook { font: 40px/44px 'MatchbookMatchbook', arial, sans-serif; letter-spacing: 2px; margin: 4px 0; font-weight: bold; } /*40px/44px is size and line-height*/

p.matchbook { font: 24px/27px 'MatchbookMatchbook', arial, sans-serif; letter-spacing: 1px; } 

 

Adjust the above to suit your font.

 

Does the font have to be in your HD system folder/Fonts/.....I'm on a Mac.

I don't do that. Edited July 26, 2012 by Wickham

[linlou]

Another question.

 

Do you have to be remote in order to see the changes?

I did everything above and I don't see changes. Is that because I'm local and not remote.