Jump to content

Fonts


linlou

Recommended Posts

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.

Link to comment
Share on other sites

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 by Wickham
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...