Skip to content

Instantly share code, notes, and snippets.

@nonaybay
Last active February 9, 2025 16:59
Show Gist options
  • Save nonaybay/684d1808c0eb9be67063c3f6fb2785c6 to your computer and use it in GitHub Desktop.
Save nonaybay/684d1808c0eb9be67063c3f6fb2785c6 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");
}
@sanderhd
Copy link

This is not working.

@t0int1337
Copy link

works great

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment