How can I get the "Segoe UI Symbol" font in Google Docs? - Google Docs Editors Community
Fonts on Google Fonts similar to this?
Why doesn't Segoe UI font work in Google Chrome on Metro Bootstrap?
How to use the «Segoe UI» font in Google Docs?
No, Segoe UI does not come bundled with Firefox.
Segoe UI is the default for interface elements for Windows starting with Windows Vista and Microsoft Office 2007. So, Segoe UI and other Segoe variants can be obtained by installing Office 2007 or later, or Windows Vista or later.
More information can be found here:
- https://www.microsoft.com/typography/fonts/family.aspx?FID=331
- http://en.wikipedia.org/wiki/Segoe#Segoe_UI
Therefore, machines running Windows XP, or non-windows OSes might not have this font installed. Looking at the Metro bootstrap CSS it should fall back to "Helvetica Neue". Which is a font that is installed on most Mac's.
If none of Segoe UI variants or Helvetia Neue it falls back to the default Sans-serif font in your browser. Ironically, this seems to be Segoe UI (at least, on my machine).
Since this too doesn't render the page in Segoe, i assume that the system where you are running chrome on, doesn't contain the Segoe fonts.
As far as I am aware, Word for Mac does not install the Segoe fonts.
Whilst I am not familiar with the Windows fonts in question, this issue may be due to the way different browsers look up font names. WebKit looks up font-family names first by checking the PostScript name of the font for a match, so if you have, for example font-family: "UniverseLT330", "UniversLT", "Univers", san-serif; then WebKit will match UniversLT330 if available, despite that representing a face not a family. Mozilla will only look for family name matches, and therefore match "Univers" if available, and sans-serif otherwise. Could it be that you have a different font name before Segoe UI that Chrome is picking up and Firefox is missing? Without seeing the CSS we're kinda stabbing in the dark here though.
Its difficult to get this working in Firefox. Font weight 300 doesnt work few time in all versions. The below code worked for me and compatible with all browsers.
font-family: "Segoe UI Light","Segoe UI";
font-weight: 300;
See Here This is from a HTML5 solution, but it might help you too, as it's also in Visual Studio... Hovering over the CSS font-weight options will tell you the weight in words (Light, Semi, etc.) 100: Thin 200: Extra Light (Ultra Light) 300: Light 400: Normal 500: Medium 600: Semi Bold (Demi Bold) 700: Bold 800: Extra Bold Hope it helps.
Follow the below options and add font-weight instead of using semibold or semilight.Just use 'segoe ui' with combination of font-weight.
@font-face {
font-family: "Segoe UI";
font-weight: 200;
src: local("Segoe UI Light");
}
@font-face {
font-family: "Segoe UI";
font-weight: 300;
src: local("Segoe UI Semilight");
}
@font-face {
font-family: "Segoe UI";
font-weight: 400;
src: local("Segoe UI");
}
@font-face {
font-family: "Segoe UI";
font-weight: 600;
src: local("Segoe UI Semibold");
}
@font-face {
font-family: "Segoe UI";
font-weight: 700;
src: local("Segoe UI Bold");
}
@font-face {
font-family: "Segoe UI";
font-style: italic;
font-weight: 400;
src: local("Segoe UI Italic");
}
@font-face {
font-family: "Segoe UI";
font-style: italic;
font-weight: 700;
src: local("Segoe UI Bold Italic");
}
Could be because of various reasons:
- Perhaps you are using the wrong font format. Chrome supports SVG, WOFF, TTF/OFT.
- Taken the a wrong approach towards defining font-weight, which leads the browser to interpret the font-weight property wrongly
Sample: http://pastebin.com/FiGvAfTk
Are you defining your fonts properly?
