The best website for free high-quality Segoe Mac fonts, with 20 free Segoe Mac fonts for immediate download, and 41 professional Segoe Mac fonts for the best price on the Web. Making the web more beautiful, fast, and open through great typography. Download Popular Fonts. The 10 most popular fonts right now. Segoe UI Light Comments. Segoe (/ ˈ s iː ɡ oʊ / SEE-goh) is a typeface, or family of fonts, that is best known for its use by Microsoft.The company uses Segoe in its online and printed marketing materials, including recent logos for a number of products. Additionally, the Segoe UI font sub-family is used by numerous Microsoft applications, and may be installed by applications (such as Microsoft Office 2007. Typographic info for the Segoe UI font family. Licensing and redistribution info. Font redistribution FAQ for Windows; License Microsoft fonts for enterprises, web developers, for hardware & software redistribution or server installations; Products that supply this font.
gistfile1.txt
@font-face { |
font-family: SegoeUI; |
src: |
local('Segoe UI Light'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype'); |
font-weight: 100; |
} |
@font-face { |
font-family: SegoeUI; |
src: |
local('Segoe UI Semilight'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype'); |
font-weight: 200; |
} |
@font-face { |
font-family: SegoeUI; |
src: |
local('Segoe UI'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype'); |
font-weight: 400; |
} |
@font-face { |
font-family: SegoeUI; |
src: |
local('Segoe UI Bold'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype'); |
font-weight: 600; |
} |
@font-face { |
font-family: SegoeUI; |
src: |
local('Segoe UI Semibold'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'), |
url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype'); |
font-weight: 700; |
} |
![Download segoe ui font Download segoe ui font](/uploads/1/2/4/3/124387804/709097277.png)
commented Dec 18, 2019
Thanks for that! Do you know how we can get all available subsets? In your example only the west-european subset is available. |
Segoe Font Free Download
![Segoe ui download microsoft Segoe ui download microsoft](/uploads/1/2/4/3/124387804/759635070.png)
commented Dec 18, 2019
Yeah, there is a better way to do this now. If you install the office-ui-fabrict-react npm package, they have font styles in a dist folder. It's better to import the sass file you specifically want from the following folder: office-ui-fabric-reactdistsass . Check out all the files with Font in the title.As it happens, all my projects use all of the office-ui-fabrict-react styles, so we often import the entire CSS bundle from office-ui-fabric-reactdistcssfabric.min.css . |
commented Apr 21, 2020
The font weights are mixed up on semibol and bold... should be... @font-face { font-family: SegoeUI; src: local('Segoe UI Semibold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype'); font-weight: 600; } @font-face { font-family: SegoeUI; src: local('Segoe UI Bold'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype'); font-weight: 700; } |
Segoe Print Font For Mac
commented Apr 21, 2020
Yeah, at some point I think the font weights changed long back. Either way, I don't recommend using this Gist to get the proper fonts for apps that follow Microsoft design systems. Better method is to reference the font stylesheets in the Microsoft Fabric (now called Fluent) npm packages, as these will be kept up to date and are versioned. |
Download Segoe Ui Font
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment