I made a tool to list and organize fonts online.
It can be used to share references with co-workers or students, to make a foundry portfolio, or as a private tool.
You can download, modify and contribute to ofont on GitHub.
You can see ofont in use here, in a project that lists libre fonts I like.
Ofont is still in development. You can submit features on the issues page.
Welcome to Typophile
Please Sign in.
I made a tool to list and organize fonts online.
I am looking for a serif typeface along the lines of Marlene (http://www.typonine.com/fonts/font-library/marlene/), that has a large family which includes stencil cuts. I am working on an online magazine layout and would like to implement the stencil version as a hover effect for links.
The foundry selling it should therefore be able to host the type (have a web version).
I'm working on the design of a new online news platform. We want to use innovative ways of browsing through news and create the best possible reading experience on both desktop and mobile devices. I'm looking for information resources on excellent web typography. Can you help me?
Thanks a lot!
Amsterdam, The Netherlands.
Pétala Pro gave his first steps almost ten years ago. During this time, the quest for perfection had forced several interruptions. It was necessary recalculate the route, tread other ways, discover new maps, and make easy curves. After all, a new milestone on typeface design was reached.
Pétala Pro combines readability with a gentle but strong personality. The smooth and balanced forms shares space with expressive ink traps. The 18 styles of the family – from Thin to Black – allow the flexibility needed to complex design briefs. When designing the different weights, rather than automated solutions, subtle adjustments were made to value the optical qualities of each style. Such care, makes all the difference under extreme conditions.
I'm looking for help picking up fonts to try with a logo design for my law firm. It's a solo practice, with a modern edge in that it's a mostly paperless office. I'm a fairly young attorney, so nothing too traditional or old-school, but I also need something fairly conservative.
So, I'm looking for something that's modern/contemporary, conveys trustworthiness/warmth, sophistication and is still commanding enough to give the appearance of professionalism and knowledge.
And and all suggestions are appreciated!
Trying to figure out what font is used on the menu bar for the new Kate Spade Saturday site. Any ideas?
Does anyone know of a good alternative typeface to replace United on the web? I can't find anything that will work.
I'm working on a project that's using Proxima Nova for headlines, but I've been asked to find a complementary typeface for body copy that will be set as small as 12px. I'd just as soon as stick with PN, but I'm curious if there is something that's ideal for that setting?
Using Typekit, if that matters.
We are happy to announce start of our new website section called "WebSpecimen".
It should collect typefaces that we think they could be fully useful as webfonts. The idea is to show how an typeface acts in different layout situations, from body text to big titles.
Anyone know or think they might be able to identify the font for Teenager Posts and so-relatable images. Here is an example of the font http://www.flickr.com/photos/76343955@N05/8165649985/lightbox/, or you can visit the website to look at the fonts used on the images.
I've looked everywhere to no avail so be great if you could help me! And I'm pretty sure it isn't helvetica or arial, although it could be a variation?
Hi people I would like to introduce you to my latest design, Cinzel.
Cinzel is a typeface inspired in first century roman inscriptions, and based on classical proportions. However it’s not a simple revivalism. While it conveys all the ancient history of the latin alphabet it also merges a contemporary feel onto it.
Am I wrong to think it should be "type" when I hear/read "Web Typography"?
Or even when others refer to Typography when it comes to the typefaces on a site?
This is a test page for fonts that I want to use to create a web design portfolio.
I wanted to use something modern, not too "futuristic" and with a bit of hip to it.
I have doubts about the Ubuntu font for the nav menu. any replacement suggestions would be welcome.
Hi, I've been searching everywhere for the last week to find a definitive answer to the question: Is it actually possible to do style linking with your @font-face declarations and have it use the proper font faces in IE7-8 (when just using 4 basic variations - normal/bold/italic/bold-italic)?
In our tests, with a single self-hosted font and just 4 variations (normal, bold, italic, bold-italic), all browsers understand the @font-face style linking properly and apply the right face for bold/italic/bold-italic type. But our good friend IE recognizes the normal face properly, then just applies a 'faux' bold & italic to all instances of bold/italic/bold-italic type! It looks terrible.
Hi, I am trying to improve this page, and I am not sure which fonts to remove or change;
I used Lobster to "soften" the sharpness of the page, but it looks out of place, and I'm not sure if the body font (Hattori Hanzo) is also a good choice here.
I am trying to achieve an "artsy" look, It is suppose to be a part of a photography portfolio, and I don't want the hexagon and square shapes to make the page too "robotic"
I am looking for a text font (sans serif?) for a website in which all the titles are in Brandon Grotesque. Any suggestions?
Thank you in advance.
Any recommendations for a slab serif with a cyrillic character set? It would have to have an @font-face license. Looking for something in the neighborhood of Archer, Caecilia, Centro, Copse, Ernestine, Museo, Serifa. Centro may work, but looking for some other options. Thanks!
Quirky, rounded sans face with some humanist character and a little bit of contrast between sharp and soft.
Hi, I'm working on a multi-lingual project for the first time and have been asked to find out if there are any standardised web fonts for each of the following languages:
Similar to what we have in fonts such as Verdana, Georgia, and...say it quietly....Arial.
Really appreciate any help from the members of the board who may have experience in this field of typography. Of course, and insights from speakers of those languages would be deeply appreciated, as well. :)
Many thanks in advance!
Years ago I built a bitmap font (ttf outlines) which I would like to use for web embedding in html now.
The font—like most bitmap fonts available back then—was set to be displayed at 8px size which in case of this font is visually roughly an equivalent of 12px Helvetica.
My question is:
Is there an easy way to change the font's metrics so that its px size would be more accurate when used in html?
It still would only have one native size (as it is a bitmap font), but it wouldn't require displaying at 8px in order to be shown at its native 12px anymore.
What metrics should I change?
Thanks for any information.
I'm looking for a web font that will closely match Trade Gothic, specifically the condensed, bold condensed, and bold no. 2 styles.
I know that Franklin Gothic is available as a web font, and Trade Gothic is also available as a web font from Monotype under a subscription, but any other recommendations from TypeKit, Webtype, etc. would be greatly appreciated!
Has anyone ever found a way to output items like the GSUB Feature values, back out to say imagemagick? For example, sending unicode values is no problem, but since items like SALTS don't have a unicode value, how can you print those items to image in say imagemagick/php? Any ideas?
Does anyone have any tips on creating TTF files for @font-face usage? I have a script going in fontforge to generate all the basic formats for online (ttf,eot,woff,svg) but my one issue is how to get the TTF into a protected format. I have seen people export the TTF before where you cannot just open it locally, or install it. I know its not 100% bullet proof, but I am just curious does anyone know how to do this, preferably in fontforge?
Ok, so it is that inevitable time in every brand's life when it must be made into a website.
In this case the printed materials would use Gotham Narrow as a body copy font. The question is, which is more like Gotham Narrow: Tahoma or Verdana, and why?
I have adjusted size and tracking to get all three into the same basic space and configuration. Please forgive any little issues.
I am eagerly awaiting interesting comparative notes. Thanks in advance!