Skip to content

Instantly share code, notes, and snippets.

@RodrigoPauletti

RodrigoPauletti/Import local fonts with @font-face

Created May 19, 2020 17:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RodrigoPauletti/f2ac94187850243bb6039dcc1b3bd110 to your computer and use it in GitHub Desktop.
Save RodrigoPauletti/f2ac94187850243bb6039dcc1b3bd110 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Import local fonts with @font-face
@font-path: '../fonts'; // Font's path
@font-face {
font-family: 'FONT_NAME';
src: url('@{font-path}/MY_FONT_FILENAME.eot');
src: url('@{font-path}/MY_FONT_FILENAME.eot?#iefix') format('embedded-opentype'),
url('@{font-path}/MY_FONT_FILENAME.woff2') format('woff2'),
url('@{font-path}/MY_FONT_FILENAME.woff') format('woff'),
url('@{font-path}/MY_FONT_FILENAME.ttf') format('truetype'),
url('@{font-path}/MY_FONT_FILENAME.svg#ID') format('svg'); // In this case, the ID is the value of property 'id' on 'font' tag. E.g. <font id="MY_FONT_ID">
font-weight: normal;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment