Skip to content

Instantly share code, notes, and snippets.

@dundunn
Forked from nonaybay/apple-fonts.css
Created December 14, 2025 21:23
Show Gist options
  • Select an option

  • Save dundunn/97b02d617cf9fb2d95b3a770c7e9418b to your computer and use it in GitHub Desktop.

Select an option

Save dundunn/97b02d617cf9fb2d95b3a770c7e9418b to your computer and use it in GitHub Desktop.
@font-face {
font-family: "SF Pro Text";
font-style: normal;
font-weight: 300;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Light.ttf");
}
@font-face {
font-family: "SF Pro Text";
font-style: normal;
font-weight: 400;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Regular.ttf");
}
@font-face {
font-family: "SF Pro Text";
font-style: normal;
font-weight: 500;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Medium.ttf");
}
@font-face {
font-family: "SF Pro Text";
font-style: normal;
font-weight: 600;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-SemiBold.ttf");
}
@font-face {
font-family: "SF Pro Text";
font-style: normal;
font-weight: 700;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Bold.ttf");
}
@font-face {
font-family: "SF Pro Text";
font-style: normal;
font-weight: 900;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Heavy.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 100;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Ultralight.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 200;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Thin.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 300;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Light.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 400;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Regular.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 500;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Medium.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 600;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-SemiBold.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 700;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Bold.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 800;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Black.ttf");
}
@font-face {
font-family: "SF Pro Display";
font-style: normal;
font-weight: 900;
src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Heavy.ttf");
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment