SF UI Display Font Family

Uploaded by Pndes Gndes (8 styles)

Supported Languages

Afrikaans Albanian Belarusian Bosnian Bulgarian Catalan Croatian Czech Danish Dutch English Estonian Finnish French German Greek Hungarian Icelandic Italian Latvian Lithuanian Macedonian Maltese Norwegian Polish Portugese Romanian Russian Serbian Slovak Slovenian Spanisch Swedish Turkish Vietnamese Zulu

SF UI Display font preview


SF UI Display Ultralight

SF UI Display Ultralight font

SF UI Display Thin

SF UI Display Thin font

SF UI Display Light

SF UI Display Light font

SF UI Display Medium

SF UI Display Medium font

SF UI Display Semibold

SF UI Display Semibold font

SF UI Display Bold

SF UI Display Bold font

SF UI Display Heavy

SF UI Display Heavy font

SF UI Display Black

SF UI Display Black font
Notice: This tool will soon be updated to the woff2 format.
Use "SF UI Display" font as a Web Font

You can create beautiful websites with great typography using the @font-face kit of SF UI Display font. Web font and @font-face supported all current browsers can use comfortably.

@font-face is very easy to use, click here to download SF UI Display web font. The following example will guide you to the css and html codes.

WOFF (Web OpenFont Format) works with all current browsers. You can check the versions by clicking here.



@font-face kit
@font-face {
    font-family: 'SF UI Display Ultralight';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Ultralight'), url('sf-ui-display-ultralight-58646b19bf205.woff') format('woff');
}
@font-face {
    font-family: 'SF UI Display Thin';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Thin'), url('sf-ui-display-thin-58646e9b26e8b.woff') format('woff');
}
@font-face {
    font-family: 'SF UI Display Light';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Light'), url('sf-ui-display-light-58646b33e0551.woff') format('woff');
}
@font-face {
    font-family: 'SF UI Display Medium';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Medium'), url('sf-ui-display-medium-58646be638f96.woff') format('woff');
}
@font-face {
    font-family: 'SF UI Display Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Semibold'), url('sf-ui-display-semibold-58646eddcae92.woff') format('woff');
}
@font-face {
    font-family: 'SF UI Display Bold';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Bold'), url('sf-ui-display-bold-58646a511e3d9.woff') format('woff');
}
@font-face {
    font-family: 'SF UI Display Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Heavy'), url('sf-ui-display-heavy-586470160b9e5.woff') format('woff');
}
@font-face {
    font-family: 'SF UI Display Black';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Black'), url('sf-ui-display-black-58646a6b80d5a.woff') format('woff');
}



sample html
<h3 style="font-family: 'SF UI Display Ultralight'">Cum ea modi officia inventore.</h3>
<h3 style="font-family: 'SF UI Display Thin'">Cumque quaerat aut inventore sed et.</h3>
<h3 style="font-family: 'SF UI Display Light'">Corporis ut dolorem quo non ex autem autem.</h3>
<h3 style="font-family: 'SF UI Display Medium'">Explicabo quisquam repellat at omnis.</h3>
<h3 style="font-family: 'SF UI Display Semibold'">Eum consectetur quo nemo eius ipsam.</h3>
<h3 style="font-family: 'SF UI Display Bold'">Quia voluptatem natus nostrum.</h3>
<h3 style="font-family: 'SF UI Display Heavy'">Molestiae autem rerum quisquam maiores.</h3>
<h3 style="font-family: 'SF UI Display Black'">Quo ipsum sed necessitatibus delectus porro vel.</h3>
Preview



License

This San Francisco Font (the “Apple Font”) is licensed to you by Apple Inc. (“Apple”) in consideration of your agreement to the following terms and the terms of the License Agreement for the Apple San Francisco Font that was presented upon the downloading of the Apple Font. If you do not agree with these terms and the terms of the License Agreement for the Apple San Francisco Font, do not use the Apple Font.

You may use the Apple Font solely for creating mock-ups of user interfaces to be used in software products running on Apple’s iOS or OS X operating systems, as applicable. The foregoing right includes the right to show the Apple Font in screen shots, images, mock-ups or other depictions, digital and/or print, of such software products running solely on iOS or OS X.

The grants set forth in this License do not permit you to, and you agree not to, install, use or run the Apple Font for the purpose of creating mock-ups of user interfaces to be used in software products running on any non-Apple operating system or to enable others to do so. You may not embed the Apple Font in any software programs or other products. Except as expressly provided for herein, you may not use the Apple Font to, create, develop, display or otherwise distribute any documentation, artwork, website content or any other work product.

You may use the Apple Font: (i) only for the purposes described in this License and the License Agreement for the Apple San Francisco Font; and (ii) only if you are a Registered Apple Developer and an eligible paid Apple Developer Program member, or as otherwise expressly permitted by Apple in writing.

San Francisco is a trademark of Apple Inc.

© 2015 Apple Inc. All rights reserved.



Legal notice

Cufonfonts.com's fonts are uploaded by our members. The license information stated by the members is usually correct but we cannot guarantee it. We give great importance to copyright and have developed some techniques to make sure that the previously mentioned issue doesn't occur, also the system automatically displays the copyright information of the font here. If you believe that this font is in violation of copyright and isn't legal, please let us know in order for the font to be removed or revised.

You can also check the legal and commercial status of this font;

MyFonts.com Fonts.com

It is the users' own legal responsibility to download and use this font.

Your download will begin in a moment.

If it doesn't, restart the download.

Like our Facebook page to be notified of the new free premium fonts!

SHARE ON FACEBOOK DISCOVER NEWLY FONTS

Users who viewed this font also viewed

Helvetica

Added by Pndes Gndes (7 Style)

Helvetica font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Gotham

Added by zemin (18 Style)

Gotham font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Helvetica Neue

Added by Pndes Gndes (52 Style)

Helvetica Neue font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Avenir LT Std

Added by test (12 Style)

Avenir LT Std font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Myriad Pro

Added by zemin (10 Style)

Myriad Pro font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Helvetica Neue LT Std

Added by Emre Emir (5 Style)

Helvetica Neue LT Std font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Similar Fonts

Harriet Display

Added by Pndes Gndes (20 Style)

Harriet Display font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Radcliffe Display

Added by Allen Weimann (16 Style)

Radcliffe Display font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Domaine Sans Display

Added by zemin (16 Style)

Domaine Sans Display font download

Font-Face Web fonts & TTF-OTF

Download Add to List

Domaine Display Narrow

Added by zemin (12 Style)

Domaine Display Narrow font download

Font-Face Web fonts & TTF-OTF

Download Add to List



Explore font collections








CUFONFONTS.COM FACEBOOK PAGE OPENED!

Progress is running, please wait...