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!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How can I view web pages in Segoe UI *Light*, please?

  • 2 replies
  • 4 have this problem
  • 2 views
  • Last reply by rootof

rootof
rootof
more options

I am looking for a way to make the Segoe UI Light font available to the Options dialogue in Firefox. I am already using this attractive font in Thunderbird.

I am looking for a way to make the Segoe UI Light font available to the Options dialogue in Firefox. I am already using this attractive font in Thunderbird.

Chosen solution

To Firefox, Segoe UI and Segoe UI Light are the same font family. The former is used for normal weight, while the latter is used for lighter weight.

1. Install the Stylish add-on.

2. If you want to ignore fonts specified by web pages and use Segoe UI Light for all elements if possible, paste the following in a new style and save it. 

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http") {

* {
  font-family: "Segoe UI" !important;
  font-weight: 300 !important;
}

}

3. If you only want to use Segoe UI Light when the web page doesn't specify a particular font (e.g. Wikipedia), use the same style as above, but delete both instances of !important

Read this answer in context 👍 0

All Replies (2)

Gingerbread Man
Gingerbread Man
more options

Chosen Solution

To Firefox, Segoe UI and Segoe UI Light are the same font family. The former is used for normal weight, while the latter is used for lighter weight.

1. Install the Stylish add-on.

2. If you want to ignore fonts specified by web pages and use Segoe UI Light for all elements if possible, paste the following in a new style and save it. 

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http") {

* {
  font-family: "Segoe UI" !important;
  font-weight: 300 !important;
}

}

3. If you only want to use Segoe UI Light when the web page doesn't specify a particular font (e.g. Wikipedia), use the same style as above, but delete both instances of !important

rootof
rootof Question owner
more options

@Gingerbread_Man

Many thanks indeed for your helpful solution - J P D would be proud of you!

I particularly like the fact that (presumably) this approach could be used to apply other fonts and weights to Firefox.