Geek Answers Handbook

Segoe UI Font in windowless systems

I am developing a web application interface and the design requires the use of the Segoe UI font. I used this font for several text areas, but on systems other than Windows (for developers of Mac OS, Android, etc.) These texts are not displayed using the Segoe UI font.

After that, I found that this font is used by Microsoft. My question is. Can you just use the font files in the interface using the @ face-font to include the font in the frontend? Or do I need a license or something?

+8
html css fonts
source share
3 answers

You cannot license Microsoft's Segoe UI without direct contact; you can license the mono font from Ascender Corp that the Microsoft web page for the Segoe user interface is linked to, however, this is not the same as the Segoe user interface.

I offer Open Sans as an alternative to the Segoe UI font, it is very similar and has much more open licensing for use as a webfont (this link is actually a version of the font hosted by Google). This way you can use Segoe as your primary font and then revert to Open Sans on systems other than Windows 7+.

+10
source share

Technically, you can embed a font through css, but I don’t think that a license will allow you to do this legally. Could not be found right from the battlefield, although MSK licensing is always a maze for navigation.

Could you find an alternative font on Google or Typekit web fonts and use instad? Do everyone have permissions? (Open Sans is very similar, for example)

+4
source share

If you use CSS, just name the font in the font stack. It can be the first font or the second or third. Each device or browser will use the fonts on your list as they are on the system. If you first place the font for Mac only, Windows will by default install the second or third font that it finds installed.

If you want to place the font yourself, remember that some devices will not support certain fonts, and you still have to list alternative fonts, no matter what. Check your analytics to see what types of devices and browsers are visiting. Choose the most popular one as the main font, and then add the fonts for the rest in descending order.

There is no guarantee that any font will load. There are too many variables, and users can always remove fonts or disable javascript and other nonsense that a web designer can drive crazy.

I use a combination of hosted and installed fonts on most of my sites, especially when the design is more critical.

+1
source share

More articles:


All Articles