Używanie @ font-face dla czcionki Segoe UI

Question

Mam Google od godziny i nie mogę się dowiedzieć, czy mogę użyć @ font-face przy użyciu czcionki Segoe UI. Czy jakiekolwiek ciało wie, czy licencja na czcionkę pozwoli mi to zrobić?

Answer 1

To nie jest ta sama czcionka na tej stronie. Czcionka na tej stronie to Segoe UI Mono. O ile mi wiadomo, interfejs Segoe powinien pojawiać się tylko w systemie Microsoft Windows.

Answer 2

Nie możesz licencjonować Segoe UI od Microsoftu bez bezpośredniego kontaktu, możesz licencjonować czcionkę mono od Ascender Corp, które są połączone ze stroną Microsoftu dla Segoe UI, jednak nie jest to to samo co Segoe UI.

Proponuję Open Sans jako alternatywę dla czcionki Segoe UI, jest dość podobny i ma o wiele więcej otwartych licencji na używanie jako webfont (ten link jest w rzeczywistości do hostowanej wersji czcionki Google'a) - Więc mógłbyś mieć Segoe jako główna czcionka wraca do Open Sans na systemach innych niż Windows 7+.

Answer 3

Jak można zauważyć w innych odpowiedziach, Interfejs Segoe nie jest dostępny do użytku w aplikacjach internetowych, które nie zostały utworzone przez firmę Microsoft lub ich agentów. Aby odpowiedzieć na tytuł pytanie, jednak chciałbym podkreślić, że Microsoft sami używać Segoe UI w swoich aplikacji internetowych za pomocą @ font-face, na przykład, z Microsoft Surface 2 CSS:

@font-face { 
    font-family: 'Segoe UI'; 
    src: url('/surface/Assets/css/fonts/all/normal/segoeui.eot'); 
    src: url('/surface/Assets/css/fonts/all/normal/segoeui.eot?#iefix') format('embedded-opentype'), 
     url('/surface/Assets/css/fonts/all/normal/segoeui.woff') format('woff'), 
     url('/surface/Assets/css/fonts/all/normal/segoeui.svg#SegoeUI') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Segoe UI Semibold'; 
    src: url('/surface/Assets/css/fonts/all/semibold/seguisb.eot'); 
    src: url('/surface/Assets/css/fonts/all/semibold/seguisb.eot?#iefix') format('embedded-opentype'), 
     url('/surface/Assets/css/fonts/all/semibold/seguisb.woff') format('woff'), 
     url('/surface/Assets/css/fonts/all/semibold/seguisb.svg#SegoeUISemibold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Segoe UI Bold'; 
    src: url('/surface/Assets/css/fonts/all/bold/segoeuib.eot'); 
    src: url('/surface/Assets/css/fonts/all/bold/segoeuib.eot?#iefix') format('eot'), /* Wrong format will tell IE9+ to ignore and use WOFF instead. MSHAR-2822 */ 
     url('/surface/Assets/css/fonts/all/bold/segoeuib.woff') format('woff'), 
     url('/surface/Assets/css/fonts/all/bold/segoeuib.svg#SegoeUIBold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Segoe UI Light'; 
    src: url('/surface/Assets/css/fonts/all/light/segoeuil.eot'); 
    src: url('/surface/Assets/css/fonts/all/light/segoeuil.eot?#iefix') format('embedded-opentype'), 
     url('/surface/Assets/css/fonts/all/light/segoeuil.woff') format('woff'), 
     url('/surface/Assets/css/fonts/all/light/segoeuil.svg#SegoeUILight') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Nawet projekty jak Metro UI - that look exactly like Windows 8 - użyj OpenSans:

@font-face { 
    font-family: "Open Sans"; 
    font-style: normal; 
    font-weight: 700; 
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff'); 
} 
@font-face { 
    font-family: "Open Sans"; 
    font-style: normal; 
    font-weight: 300; 
    src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff'); 
} 
@font-face { 
    font-family: "Open Sans"; 
    font-style: normal; 
    font-weight: 800; 
    src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff'); 
} 
@font-face { 
    font-family: "Open Sans"; 
    font-style: normal; 
    font-weight: 400; 
    src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 
} 

Polecam OpenSans.

Answer 4

Technicznie można utworzyć czcionkę internetową przy użyciu dowolnej czcionki w folderze "C: \ Windows \ Fonts \". W większości przypadków (w tym interfejs użytkownika Segoe), , nie można tego robić pod ze względu na ograniczenia licencyjne. Zamiast tego polecam Open Sans jako dobrą alternatywę dla interfejsu Segoe.

Jednakże, jeśli mogą to zrobić, można wykonać następujące kroki:

1. Pobierz czcionkę z "C: \ Windows \ Fonts \" folderu. (Windows)
2. Konwersja czcionki w innych formatach, że dążenie do zgodności (TTF, EOT, SVG, WOFF)

3. Utwórz plik CSS z następującego kodu w nim:

   @font-face{ 
       font-family: 'FontName'; 
       src: url('path/to/webfont.eot'); 
       src: url('path/to/webfont.woff'), 
        url('path/to/webfont.ttf'), 
        url('path/to/webfont.svg') 
   } 
   

4. Teraz w głównym pliku CSS użyj znacznika "rodzina czcionek", aby wybrać czcionkę internetową.

będę stwierdzić ponownie znaczenie posiadania ważnej licencji dla czcionki WWW, przy zakupie licencji upewnij się, że masz prawa do używania czcionki w internecie. Niektóre czcionki mogą zawierać pakiet czcionek internetowych z CSS i czcionkami już przygotowanymi dla Ciebie.