fontFace
Creates a locally scoped font-family for the defined @font-face.
text.css.ts
import { fontFace, style } from '@vanilla-extract/css';
const comicSans = fontFace({
src: 'local("Comic Sans MS")'
});
export const font = style({
fontFamily: comicSans
});
CSS
@font-face {
src: local("Comic Sans MS");
font-family: "text_comicSans__fih47p0";
}
.text_font__fih47p1 {
font-family: "text_comicSans__fih47p0";
}