I'd like to @import some fonts, but Checkvist's custom CSS is loaded inside @media screen.
I'd like to @import some fonts, but Checkvist's custom CSS is loaded inside @media screen. @import rules must precede all other types of rules (with a few exceptions), hence cannot be used.
Would be great if there was a way to use @import with Checkvist's custom CSS option.
Would be great if there was a way to use @import with Checkvist's custom CSS option.
Hello Ralf Hauber, it is a bit tricky, as we separate custom CSS by screen and print ones using @media. So far no good idea how to implement this without breaking styles used by other people.
ReplyDeleteBy the way, what kind of font you'd like to import?
Kirill Maximov The @import rules would have to be pulled out and emitted at the top of the CSS when you generate it. Alternatively, there could be a third input field for @import rules.
ReplyDeleteOn the client side, I'm using Tampermonkey, Stylus, etc., but it would be much better if Checkvist had what is needed to use fonts.
Which font? No particular. Recently it was mr-eaves-xl-modern, but just by accident. For my fun, I like to try out fonts. Usually from Typekit (now Adobe Fonts), typography.com, and a few other foundries. Professionally, we have a corporate font (that is licensed per page view and must follow specific rules when included on web pages), and a different font for our newspaper.
Ralf Hauber Thanks a lot for the detailed explanation, impressive. I'm not so eager for new fonts :)
ReplyDeleteI like the idea for extracting @import rules, will try to implement it so you could use it directly, without browser extensions.
Best,
Hi Ralf Hauber, thanks again for the idea and let's continue at discuss.checkvist.com - Using custom fonts in Checkvist - CSS Customisation - Checkvist Friends :)
ReplyDelete