The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> FF Ignores CSS
homeuser
post Apr 3 2016, 06:04 PM
Post #1


Newbie
*

Group: Members
Posts: 14
Joined: 11-May 09
From: East Coast
Member No.: 8,568



I am helping someone with a website. We want to have the first letter of the first paragraph larger and in a distinctive font.This is the CSS link:
<link rel="stylesheet" type="text/css" href="css/firstbigletter.css" />

This the external CSS:

.firstbigletter {
font-family:"Typo Upright BT", "Times New Roman", serif;
font-size:45px;
font-weight:normal;
line-height:80%;
letter-spacing:-6px;
}


Control Panel - Fonts shows that the first font is there (see attached). But FF won't recognize it and displays the letter in what appears to be Times New Roman . IE does recognize it and displays the first character in the Typo Upright. What must be done with FF to get it to properly use the CSS?

Thank you.


Attached thumbnail(s)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
homeuser
post Apr 9 2017, 03:11 PM
Post #2


Newbie
*

Group: Members
Posts: 14
Joined: 11-May 09
From: East Coast
Member No.: 8,568



The font is spelled "TypoUpright BT". The problem was in spelling it as three words instead of two words. Now that is working properly and being selected. Question: How would I embed the font in the CSS, as you suggested? That would be quite helpful if other don't have that font.

There is also a problem in testing other fonts, using the TypoUpright BT as a secondary font. In this case, none of the fonts are recognized (it defaults to something plain):

font-family: "Palace Script MT", "TypoUpright BT", Gigi, Harrington;
font-family: Gigi, "TypoUpright BT", Harrington;

Any suggestions as to why these two don't work at all (Control Program shows all fonts on the machine).
Thanks
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Apr 9 2017, 04:24 PM
Post #3


.
********

Group: WDG Moderators
Posts: 9,661
Joined: 10-August 06
Member No.: 7



QUOTE(homeuser @ Apr 9 2017, 10:11 PM) *

How would I embed the font in the CSS, as you suggested? That would be quite helpful if other don't have that font.

See e.g. https://developer.mozilla.org/en/docs/Web/CSS/@font-face

QUOTE
There is also a problem in testing other fonts, using the TypoUpright BT as a secondary font. In this case, none of the fonts are recognized (it defaults to something plain):

Do the browsers support the font file formats?

Also, maybe the fonts don't contain glyphs for the characters you want to use (some specialized fonts may only support numbers, upper-case letters, or similar).

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th April 2024 - 11:07 AM