How to Use San Francisco Font on Windows (2017)

how-to-use-san-francisco-on-windows

If you are a lowly Windows user like myself, and work with iOS, you are probably frustrated with how terrible Apple’s support is for Windows users.  I know I am.  So I’m going to show you a quick and easy to way to download, install and use the San Francisco typeface on Windows.

Step 1: Download the font package from Apple.
https://developer.apple.com/fonts/

step 1

Make sure to download the regular fonts and not the compact fonts for watchOS.  The download will have an annoying .pkg file that Windows users will be unable to open immediately.  That’s okay.

 

Step 2: Download and install 7zip.
http://www.7-zip.org/download.html

This will allow you to dig into the .pkg file and navigate to the font files.

 

Step 3: Open the .pkg file using 7zip.

The fonts will be found by navigating to San Francisco Pro.pkg > Payload > Payload > . > Library > Fonts

Select all of the font files and click the “Extract” button in the top navigation of 7zip.  Once extracted you can install the fonts like any other Windows font.

7zip extraction

 

And that’s it!  Hope this helps your next iOS project.

Advertisements

iOS 11 Axure Widget Library

iOS-11-Preview-Image

The iOS 11 Axure widget library has arrived. Pixel perfect widgets built to spec using Apple’s UI Design Resource guidelines. Smartly crafted and well organized, most components and icons are completely vector and fully editable.

Live Preview

Download includes
Axure widget library in both light and dark themes
300+ Widgets
10 Templates
Free updates for life.

Attributions
Apple Interface Guidelines

 

The Best iPhone Axure Widget Library

gumroad-banner

The finest iPhone and iOS Axure widget library is here.  Packing in hundreds of components and dozens of templates, the iOS 10 library has everything needed to quickly launch your next iPhone design project.

Live Preview    Download

 

Download Includes

  • Axure widget library (.rplib file)
  • 19 Fully designed templates (.rp file)
  • Handy template for copy pasting elements (.rp file)
  • Icon library (.rplib file)
  • 23 Wallpapers, including blurred versions
  • Black and white iPhone mockups for presentation purposes

 

Features You’ll Love

  • Well organized and labelled elements
  • Built from the ground up using native Axure elements
  • Pixel perfect replication of iOS 10
  • Free Google Fonts ready for AxShare

 

Many updates are planned, included more templates, more icons, and updated widget styling to stay current with future iOS 10 releases.

Screenshots

ios-10-screenshot-1ios-10-screenshot-2

No images were used to create the widgets and templates you see in this library.  (Other than the actual background images and Apple icons.)  Everything was built up using native Axure elements.

Live Preview    Download

[Axure Tutorial] Fake an iOS 10 Blur Background Effect

A short video tutorial on how to recreate an iOS 10 blurred background effect on a widget.

Free Axure iOS 10 Home Page Template

axure-ios-10-home-screen-template

Free Download

Free Axure iPhone template based on the new iOS 10 release from Apple. Well crafted to be a pixel perfect replica of iOS 10.

You can also check out the full Axure iOS 10 widget library here.