fonts & colors

This commit is contained in:
Julie Blanc 2025-12-09 14:05:53 +01:00
parent 790eb7414e
commit 678698b55d
45 changed files with 792 additions and 46 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -0,0 +1,137 @@
/* DMSans Font Faces */
@font-face {
font-family: "DMSans";
src: url("DMSans-Black.woff2") format("woff2");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-BlackItalic.woff2") format("woff2");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-BoldItalic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-ExtraBlack.woff2") format("woff2");
font-weight: 950;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-ExtraBlackItalic.woff2") format("woff2");
font-weight: 950;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-ExtraBold.woff2") format("woff2");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-ExtraBoldItalic.woff2") format("woff2");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-ExtraLight.woff2") format("woff2");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-ExtraLightItalic.woff2") format("woff2");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-Italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-Italic[opsz,wght].woff2") format("woff2");
font-weight: 100 900;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-LightItalic.woff2") format("woff2");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-MediumItalic.woff2") format("woff2");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-SemiBoldItalic.woff2") format("woff2");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-Thin.woff2") format("woff2");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "DMSans";
src: url("DMSans-ThinItalic.woff2") format("woff2");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "DMSans";
src: url("DMSans[opsz,wght].woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
}
/* Example usage */
body {
font-family: "DMSans", sans-serif;
}/*# sourceMappingURL=stylesheet.css.map */

View file

@ -0,0 +1 @@
{"version":3,"sources":["stylesheet.scss","stylesheet.css"],"names":[],"mappings":"AAAA,sBAAA;AACA;EACE,qBAAA;EACA,8CAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,oDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,6CAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,mDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,mDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,yDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,kDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,wDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,mDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,yDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,+CAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,0DAAA;EACA,oBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,8CAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,oDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,+CAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,qDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,gDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,iDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,uDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,6CAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,mDAAA;EACA,gBAAA;EACA,kBAAA;ACCF;ADCA;EACE,qBAAA;EACA,mDAAA;EACA,oBAAA;EACA,kBAAA;ACCF;ADEA,kBAAA;AACA;EACE,iCAAA;ACAF","file":"stylesheet.css"}

View file

@ -0,0 +1,138 @@
/* DMSans Font Faces */
@font-face {
font-family: 'DMSans';
src: url('DMSans-Black.woff2') format('woff2');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-BlackItalic.woff2') format('woff2');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-BoldItalic.woff2') format('woff2');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-ExtraBlack.woff2') format('woff2');
font-weight: 950;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-ExtraBlackItalic.woff2') format('woff2');
font-weight: 950;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-ExtraBold.woff2') format('woff2');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-ExtraBoldItalic.woff2') format('woff2');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-ExtraLight.woff2') format('woff2');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-ExtraLightItalic.woff2') format('woff2');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-Italic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-Italic[opsz,wght].woff2') format('woff2');
font-weight: 100 900;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-LightItalic.woff2') format('woff2');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-MediumItalic.woff2') format('woff2');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-SemiBoldItalic.woff2') format('woff2');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-Thin.woff2') format('woff2');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans-ThinItalic.woff2') format('woff2');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'DMSans';
src: url('DMSans[opsz,wght].woff2') format('woff2');
font-weight: 100 900;
font-style: normal;
}
/* Example usage */
body {
font-family: 'DMSans', sans-serif;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -0,0 +1,61 @@
/* Inconsolata Font Faces (ordered from lightest to boldest) */
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-Thin.woff2') format('woff2');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-ExtraLight.woff2') format('woff2');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-ExtraBold.woff2') format('woff2');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Inconsolata';
src: url('Inconsolata-Black.woff2') format('woff2');
font-weight: 900;
font-style: normal;
}
/* Example usage */
/* code, pre, .mono {
font-family: 'Inconsolata', monospace;
} */