X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

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

Posted

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

Additional System Details

Installed Plug-ins

  • GEPlugin
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Google Update
  • PDF-XChange Viewer Netscape Gecko Plugin
  • DYMO Label Framework Plugin
  • A plugin to detect whether the Adobe Application Manager is installed on this machine.
  • Plugin for Wacom tablets.
  • npToolbarChrome
  • Intel web components for Intel® Identity Protection Technology
  • Intel web components updater - Installs and updates the Intel web components

Application

  • Firefox 19.0
  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0
  • Support URL: http://support.mozilla.org/1/firefox/19.0/WINNT/en-US/

Extensions

  • Troubleshooter 1.0a (troubleshooter@mozilla.org)
  • Trend Micro NSC Firefox Extension 6.8.0.1085 ({22C7F6C6-8D67-4534-92B5-529A0EC09405}) (Inactive)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: Intel(R) HD Graphics 4000
  • adapterDescription2:
  • adapterDeviceID: 0x0162
  • adapterDeviceID2:
  • adapterDrivers: igdumd64 igd10umd64 igd10umd64 igdumd32 igd10umd32 igd10umd32
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • clearTypeParameters: DISPLAY1 [ Gamma: 2200 Pixel Structure: RGB ClearType Level: 100 Enhanced Contrast: 300 ] DISPLAY2 [ Gamma: 2200 Pixel Structure: RGB ClearType Level: 100 Enhanced Contrast: 300 ]
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 6.1.7601.17789
  • driverDate: 3-26-2012
  • driverDate2:
  • driverVersion: 8.15.10.2712
  • driverVersion2:
  • info: {u'AzureContentBackend': u'direct2d', u'AzureCanvasBackend': u'direct2d', u'AzureFallbackCanvasBackend': u'cairo'}
  • isGPU2Active: False
  • numAcceleratedWindows: 2
  • numTotalWindows: 2
  • webglRenderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 4000)
  • windowLayerManagerType: Direct3D 10

Modified Preferences

  • browser.cache.disk.capacity: 358400
  • browser.cache.disk.smart_size.first_run: False
  • browser.cache.disk.smart_size.use_old_max: False
  • browser.cache.disk.smart_size_cached_value: 358400
  • browser.display.use_document_fonts: 0
  • browser.places.smartBookmarksVersion: 4
  • browser.startup.homepage_override.buildID: 20130215130331
  • browser.startup.homepage_override.mstone: 19.0
  • extensions.lastAppVersion: 19.0
  • font.default.x-western: sans-serif
  • font.minimum-size.x-western: 10
  • font.name.sans-serif.x-western: Segoe UI
  • gfx.direct3d.prefer_10_1: True
  • network.cookie.prefsMigrated: True
  • places.database.lastMaintenance: 1362588380
  • places.history.expiration.transient_current_max_pages: 104858
  • plugin.disable_full_page_plugin_for_types: application/pdf
  • privacy.donottrackheader.enabled: True
  • privacy.sanitize.migrateFx3Prefs: True

Misc

  • User JS: No
  • Accessibility: No
Gingerbread Man
  • Top 25 Contributor
226 solutions 935 answers

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

Question owner

@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.