We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

為了改善您的使用體驗,本網站正在進行維護,部分功能暫時無法使用。若本站的文件無法解決您的問題,想要向社群發問的話,請到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 發問,我們的社群成員將很快會回覆您的疑問。

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Firefox displaying a different font on personal website than the one that is intended.

  • 4 回覆
  • 1 有這個問題
  • 1 次檢視
  • 最近回覆由 Peter Plant

more options

The opening para of the home page of my website is written in "Georgia Italics' font. In every browser except Firefox the text is displayed in that font. Browsed in Firefox is appears in an extreme version of a similar font but awful to look at. This happens on both my Mac and Windows 8. How can I get Firefox to display the font that was intended?

The opening para of the home page of my website is written in "Georgia Italics' font. In every browser except Firefox the text is displayed in that font. Browsed in Firefox is appears in an extreme version of a similar font but awful to look at. This happens on both my Mac and Windows 8. How can I get Firefox to display the font that was intended?

被選擇的解決方法

Peter Plant said

On home page intro Georgia italic appears bent in the extreme. Okay on other pages though.

I didn't seen Georgia on other pages, but I only checked three.

It seems your designer used the Georgia Italic file (georgiai.ttf) and renamed it to georgia.ttf. Firefox is slanting that font to simulate italics, which is really unhelpful when it is already an italic font. Probably Firefox should detect that it doesn't need to do that, but that's the kind of thing that would take months to change. And I'm sure you would like a fix today.

For now, I suggest asking your designer to add a new @font-face rule to the

http://peterplant.com/webfonts/georgia/stylesheet.css

file so Firefox knows georgia.ttf is already an italic font and doesn't need further slanting. I also suggest leveraging the built-in font if the user has it. So that would be:

/* To handle h4 italic Georgia */
@font-face {
  font-family: 'georgia';
  font-style: italic;
  src: local('Georgia Italic'), url('georgia.ttf') format('truetype');
}
從原來的回覆中察看解決方案 👍 1

所有回覆 (4)

more options

Do you have installed the font on your devices? Or are you using an URL link from a font webpage?

more options

Web designer uses DreamWeaver with CSS (Cascading Style Sheet) to source fonts. Georgia Italic reproduced properly on all other pages of peterplant.com. On home page intro Georgia italic appears bent in the extreme. Okay on other pages though.

more options

選擇的解決方法

Peter Plant said

On home page intro Georgia italic appears bent in the extreme. Okay on other pages though.

I didn't seen Georgia on other pages, but I only checked three.

It seems your designer used the Georgia Italic file (georgiai.ttf) and renamed it to georgia.ttf. Firefox is slanting that font to simulate italics, which is really unhelpful when it is already an italic font. Probably Firefox should detect that it doesn't need to do that, but that's the kind of thing that would take months to change. And I'm sure you would like a fix today.

For now, I suggest asking your designer to add a new @font-face rule to the

http://peterplant.com/webfonts/georgia/stylesheet.css

file so Firefox knows georgia.ttf is already an italic font and doesn't need further slanting. I also suggest leveraging the built-in font if the user has it. So that would be:

/* To handle h4 italic Georgia */
@font-face {
  font-family: 'georgia';
  font-style: italic;
  src: local('Georgia Italic'), url('georgia.ttf') format('truetype');
}
more options

Thank you very much! The extreme slant on this otherwise beautiful font on my home page has been bothering me (and the web designer) for months. Solution seems almost embarrassingly obvious! Cheerz.