7 ms·
SN Pro Typeface
- doctorhandshake 3y agoOT but I love the background blur circle on the burger menu on this site. Very tasty solution to a perennial design problem on mobile.
- tobeagram 3y agoThank you! Took a few iterations but got there in the end ~ Tobias, Supernotes
- roebk 3y agoJust a small and polite heads up - that mobile menu isn't keyboard accessible. Regardless, it's a lovely design.
- nagisa 3y agoNit: once the menu is opened the close button is very very slightly smaller than the original hamburger button, so clicking twice without moving the mouse can result in pressing the Home menu item rather than closing the menu.
- zellyn 3y agoThe whole website is just beautifully done. I found myself mousing over the "What’s New/Features/Pricing/etc." headers repeatedly just because it feels fun! In a world of endless Bootstrap and rampant Corporate Memphis, seeing a lovingly designed bespoke site is so refreshing. Their ad copy is delightful too: “Tired of long waiting times and spinning astrolabes?”
- latexr 3y ago> We've carefully re-designed each character, improving support for Markdown and ligatures. What does it mean for a font to “improve support for markdown”? Later on: > we included […] improved symbols for use within Markdown Again, what does this mean specifically? Never have I had an issue with a font’s brackets or asterisks while writing markdown. Considering the page’s length, it would be useful if you’d taken a section to show what makes SN Pro better than other fonts for this use case.
- SigmundurM 3y agoIt does explain it though? > To wrap up, we included arrows, circular numbers, and improved symbols for use within Markdown – the commonly used text markup language that Supernotes is built around. and then it has an image of the 'Markdown' marks and Symbol additions
- latexr 3y agoAnd yet those symbols aren’t relevant for markdown. The octothorp and asterisk, sure, and maybe the checkmark if we stretch its use to checklists (which may make them less clear), but they’re not different enough from other fonts to be worthy of note.
- anomaloustho 3y agoYou’ve pointed out a couple times that checkmarks are not clear for checkboxes. This statement feels a bit off in the sense that it’s like saying you shouldn’t put “cookies” in a “cookie jar” or any other item inside of a container named for item - could you elaborate on why checkmarks are not intuitive when placed inside of checkboxes?
- alberth 3y ago> “ To wrap up, we included arrows, circular numbers, and improved symbols for use within Markdown – the commonly used text markup language that Supernotes is built around.” —- It’s the ligatures they created. (1) through (9) Checkmark —-> Etc
- latexr 3y agoHow are arrows and circular numbers markdown features? They’re not part of the language. Maybe the checkmark would be justified, for checklists, but even then an x is clearer and it’s not like you can’t do proper checkmarks with other fonts. Or arrows, for that matter.
- 3y ago
- Cenk 3y agoLove the arrow ligatures!
- depomoty 3y agoThis looks soooo good. Already on the list to try it out on one of my products
- LorenDB 3y agoI'd love to see Linux distros package more open source fonts, like this one. Many distros ship with only a handful of fonts, and I think there are plenty of open source fonts out there that could be included but aren't.
- cl3misch 3y agoYou could just install them yourself? Distro ISOs are already large enough as they are.
- philefstat 3y agoThe font this is based is based on Nunito, by Vernon Adams (as the article states). He's responsible for many google fonts and other open source fonts which rack up billions of views every year. I just wanted to share his story: https://chrisgliddon.com/the-tragic-story-of-vernon-and-oswald-7540fa359509 https://chrisgliddon.com/the-tragic-story-of-vernon-and-oswa...
- DiabloD3 3y agoI was wondering why it looked so... corpo-humanist.
- deleted 3y ago[deleted]
- farleykr 3y agoAnyone have experience using Supernotes? How does it compare to other note taking apps? Any killer features?
- shinycode 3y agoI had a hard time getting used to it. I preferred craft instead. Maybe since then there is new features ?
- tobeagram 3y agoTobias from Supernotes here. Thought I'd give a brief overview. In general, people switch to us for speed and simplicity. Supernotes is the only note-taking app out there that is based on collaborative short-form notecards rather than long-form files and folders. Notecards are themselves taggable, linkable, nestable, and shareable. This modular approach to your knowledge is more organic, allowing you to quickly build out your thoughts and connect them together. We've got all the killer features you expect from a note-taking app, including real-time collab, offline mode, cross-platform (iOS, Android, Mac, Windows, Linux, Web), etc. So give it a try if you have a moment :)
- farleykr 3y agoThanks for this! I'm keen to try it out. Don't have much use for the collaboration but the interface and the other features look nice!
- nrabulinski 3y agoI like the e, it’s cute. The only real issue I have with this font is that the weight of each digit feels uneven. I can’t put my finger on it but looking at the comparison chart with the version numbers, even though the stroke width is the same, they visually feel different whereas the others are more uniform.
- ThePowerOfFuet 3y agoIt's reminiscent of the e in the Heineken logo, which was carefully designed to invoke the image of a smile.
- sealeck 3y agoMaybe I'm cantankerous by nature and suffering from decline bias, but I do feel that modern fonts are not "as good" as some older ones, e.g. Helvetica, Avenir, Futura, Akzidenz-Grotesk, Century typeface, etc. I get that they have different priorities because old fonts were print-oriented and modern ones are designed for screen readability but at a pure aesthetic level I feel that the older ones win out.
- alexb_ 3y agoA really nice font I've gotten that fits the more "older" style is Berkeley Mono from United States Graphics. Maybe was not the greatest purchase, it is expensive for a font lol, but I really really enjoy how it looks. Not associated w/ them at all but just thought that you might appreciate the suggestion
- lycopodiopsida 3y agoIt is not that expensive for a font (Hi, PragmataPro). The real problem is that it is has a quite limited amount of symbols.
- bloopernova 3y agoI've found I like SF Pro from Apple, and Iosevka from Belleve Invis. SF Pro especially is really nice for UI elements, and Iosevka is great for coding and terminal work. https://developer.apple.com/fonts/ https://developer.apple.com/fonts/ https://typeof.net/Iosevka/ https://typeof.net/Iosevka/ I'm curious as to how you perceive those 2 font families?
- JohnDeHope 3y agoIt's pretty, but small serifs on the uppercase I are a must for me.
- tobeagram 3y agoThat's often done to prevent confusion between a lowercase l and a uppercase I, and granted having both is sometimes preferable (especially with monospaced fonts). But in this case SN Pro's lowercase l has a tail to be clearly differentiable.
- jccalhoun 3y agoBeing able to tell the difference between I and l is the first thing I look for when I see a new font. I was happy to see that this does make it easy to distinguish between them.
- brycewray 3y agoNice work. Hope it will soon come in variable versions, one for regular and one for italic/oblique. Wish they had used curly quotes on their various samples, also; it’s always nice to check how a typeface handles those.
- tobeagram 3y agoThanks. We've been dabbling with a variable version for regular and italic but it requires a bit more work. Feel free to open an issue on the Github and we'll see what we can do. Curly quotes are handled as you would expect :) ~ Tobias, Supernotes
- brycewray 3y ago@tobeagram Have now filed Issue #1. :-) Thanks for the suggestion and additional info.
- Jenk 3y agoWill there be a monospaced variant?
- deleted 3y ago[deleted]
- nolongerthere 3y agoI know I'll probably get some hate for this but I'm getting comic sans vibes from this which gives me an icky feeling
- k8svet 3y agoWow, rare I find a sans serif font that feels so good at first impression. Might give this a shot on my desktop where I normally use OpenSans. Lovely.
- bkazez 3y agoWhy does SN request my first name, last name, email address and username, and optional photo, and then have a 6+-step tutorial that you can’t escape early? Seems a bit much just for some notecards.
- fastball 3y agoUnlike many other note apps that are meant to be single-player only, Supernotes was designed with piecemeal collaboration in mind, so we want to ensure that you can find your friends/family/co-workers etc easily by username and such. But we agree that the entire onboarding flow could be a bit slicker, it is high on our list of many, many things to do!
- NoPedantsThanks 3y agoNope. No crossbars on the capital "i." I don't know why anyone opts for a font with this flaw. If you can't tell a capital "i" from a lower-case "L," the font is no good.
- tobeagram 3y agoYou can tell apart a capital "I" from a lowercase "L". The lowercase "L" has a tail on the end. Granted the capital "I" doesn't have a crossbars, but that's usually reserved for serif fonts, not san-serif.
- NoPedantsThanks 3y agoThe crossbars on the capital "i" are not serifs. Serif fonts have serifs on the crossbar. Only sometimes does the lower-case L have a tail. And even if it does, there's no way to know that unless it happens to appear in the same text as a capital "i."
- fastball 3y agoThe vast majority of Sans Serif fonts do not use crossbars in the I[1]. But yes, we agree with you that it is important to distinguish the two characters, which is why we have, as Tobias noted. But in what textual situations do you think it is important to have that clarity when the text does not have both characters? That's the situation where I think it is actually useful. If it is only one or the other, context should be sufficient. I've attached a paragraph of text using SN Pro[2] that has copious Ls and Is of both cases. Please give it a read, I would genuinely like to know if you feel that our tails are not sufficient (not necessarily perfect, but sufficient). [1] https://fonts.google.com/?preview.text=I%20love&stroke=Sans+Serif https://fonts.google.com/?preview.text=I%20love&stroke=Sans+... [2] https://my.supernotes.app/share/imitate+gain+unlock+execute https://my.supernotes.app/share/imitate+gain+unlock+execute
- NoPedantsThanks 3y agoThanks for your reply. I’m on a phone at the moment but will check it out later. In the meantime I’ll say that the ambiguous capital I is indeed rampant in sans fonts, but that’s not a reason to perpetuate it. Why have any ambiguity ever, when every schoolchild knows how to make a capital I? There is no benefit in doing so, and there are drawbacks.
- wilg 3y agoHow much would it cost to commission like a really well-done, great typeface?
- jmaker 3y agoWould be great to have a Homebrew formula for the font distribution. I know for a team of two it’s perhaps a bit beyond the scope, any plans on it by a chance?
- tobeagram 3y agoTobias here. Seems like `homebrew/cask-fonts` is the best way to go for Homebrew, but even the repo maintainers suggest that submission to Google Fonts is their desired method to be included [1]. Once / if SN Pro garners more mainstream popularity we will start supporting more methods of distribution. [1]: https://github.com/Homebrew/homebrew-cask-fonts/blob/master/CONTRIBUTING.md https://github.com/Homebrew/homebrew-cask-fonts/blob/master/...