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.

Comments

  1. Kirill Maximov (KIR)6 January 2019 at 03:47

    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.

    By the way, what kind of font you'd like to import?

    ReplyDelete
  2. Ralf Hauber6 January 2019 at 04:46

    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.

    On 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.

    ReplyDelete
  3. Kirill Maximov (KIR)7 January 2019 at 13:11

    Ralf Hauber Thanks a lot for the detailed explanation, impressive. I'm not so eager for new fonts :)

    I like the idea for extracting @import rules, will try to implement it so you could use it directly, without browser extensions.

    Best,

    ReplyDelete
  4. Kirill Maximov (KIR)25 January 2019 at 11:46

    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

Post a Comment

Popular posts from this blog

Any Toggl users here?

Any Toggl users here? I'm putting together an integration so the toggl (Chrome extension) button ( https://github.com/toggl/toggl-button ) is displayed for tasks on a Checkvist list. It's dead simple (a few lines of javascript), but I'm slightly torn on the best way to handle one aspect: whether or not toggl is shown for a particular list. It can't be always-on, as it adds too much clutter for non-projecty lists (who wants a timer button for the carrots on their grocery list?). What I have now is that if any task on a list is tagged #toggl, then all tasks on that list will have the toggl button. A few alternatives I canvassed were: - display toggl buttons only on subtasks of a task tagged with #toggl - display toggl buttons only on focused (hoisted) tasks - find some other way to indicate that all of a list's tasks should have the button, eg. something encoded in the list's name I think what I have now is the most convenient of these (I don't want to hav...
Read more