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

by Gingerbread_Man

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
Post a Reply

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
  • Trend Micro NSC Firefox Extension 6.8.0.1085 (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
80 solutions 365 answers
Posted

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

Was this helpful to you? 0
Reply
Posted

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.

Was this helpful to you?
Reply

Post a Reply

You must log in to your account to reply to posts.

Don't have an account? You can create a free account now.