Dealing with web typography can be quite tricky. Each browser comes with their own algorithms for rendering fonts which could lead to unexpected problems and discrepancies. The sad thing is that there are only a few CSS properties out there that you can use to have some control over fonts, like kerning, smoothing, etc. Not only that, you have to deal with many layout issues, too.

Lucky for you, there are plenty of resources that you can use to take over the wheel. Here are 10 handy tools, libraries and frameworks for web typography. Use them to make your tasks a whole lot easier.

Enjoy!

 

 

Gridlover

1

Gridlover provides an adjustable CSS for font sizes, line heights, and margins. The default CSS output is for body, p, and h1 – h2 headings. You can also apply your adjusted values to any element by editing the CSS later.

 

Lining.js

2

This JS library adds the line class in each line of your paragraph. This lets you style the line separately, stimulating the idea of ::nth-line()::nth-last-line() and ::last-line pseudo-classes which is not present in CSS. What’s more, this library supports Chinese paragraph flow.

 

Kerning.js

3

CSS finally meets kerning with Kerning.js! With it, you can automatically kern, style, transform, and scale your web typography with real CSS rules. Now, you have complete control over your typography!

 

HatchShow

4

This web typography plugin works by expanding the size of a font to fill the entire width of its container. It works out of the box with the algorithm. Simply put, it measures the container width, the length of the font character, and appends the proper size of the font.

 

Type Rendering Mix

5

Type Rendering Mix detects your browser’s text rasterizer and anti-aliasing method by parsing the user agent string. It then adds two classes to your HTML element; one to describe the text rasterizer and the other one the anti-aliasing method it’s using: <html class=”tr-coretext tr-aa-subpixel”>.

 

Underline.js

6

This JS library makes the text underline better. Make sure to check the demo and hover over the lines. Compare it with the underline output of current CSS text-decoration standard and you’ll surely become an instant fan of this JS library.

 

Modular Scale

7

Modular Scale is a tool that generates ideal font scaling for body and heading text. It outputs in Sass which should be used along with its Sass library. You can also use JavaScript as an alternative.

 

Dropcap.js

8

Creating a dropcap can be done with current standards in CSS, but the outcome isn’t perfect yet. It might not even be your cup of tea. For that, there’s Dropcap.js, which is developed by Adobe Web Platform. It aims to allow web designers to apply a perfect dropcap the easy and simple way.

 

FlowType

9

FlowType is a web typography plugin that dynamically adjusts the font size based on a specific wrapper width. It helps you apply an ideal number of characters per line, at any screen width. The library comes with options where you can set min/max screen width, min/max font size, and font ratio.

 

Type Scale

10

This web application will help you easily determine the perfect font size for your site. It provides a simple and intuitive GUI to insert base font size, scale, and font family you want to use. The results will be visualized for you so you can experiment with the font scale to get the right value. Once you’re done, simply grab the CSS and you’re good to go!

COMMENTS (1)
Reply

, Citizen Tom, bullies bully for a nuebmr of reasons You don’t think they’d bully the weird girl who asked to leave the room for religious purposes? Hell, she’s already wearing a burka. That alone can get you picked on.Or what if I’m Atheist. Is it fair that my tax dollars pay to provide that prayer every day? Now before you say the resources needed are minimal, think about this: there are 180 school days every year. If every public school in the country spends 1 minute a day on prayer, every year, that is 3 hours of labor per employee (think about how many employees there are in public schools), three hours of utility bills per building, 3 hours cut from instruction time per student, etc It really adds up. I assume that as you read those last two examples, you’re thinking something along the lines of, Oh, but Christianity is the true religion; all others are wrong. But don’t bother arguing that because you can’t prove it. The day someone proves the existence of God, I’ll gladly take back everything I’ve said. But until that day, you have no more proof that your beliefs are true than anyone else. That’s why, even though I don’t believe in your practices and think they are hurtful, I support your right to practice freely. See? Compromise.Now, the secular solution to this problem which, contrary to your belief, has the interests of both religious and non-religious individuals at heart is to remove prayer from schools altogether. That way, the religious can choose to pray before or after school or hell, even during, if that’s how they want to spend their lunch breaks and the nonreligious don’t have to spend money to fund the prayers. And for the record, themadjewess, here in South Carolina, not a year goes by without one Christian group or another raising hell because they think their federal rights are being violated because there isn’t prayer in school. And sadly, some State legislators try and pass it into policy It’s really ridiculous.Now, about big gay Joe. Joe has every right to express his love for his partner as you have for yours. For that matter, big Christian Mike has every right to pray at the lunch table Those are individual liberties. Limiting prayer in school is limiting governmental liberties, not individual ones. I am sure that God loves White too, but def. not happy with this thinking process. He seems to think that we hate ‘gay’s. It is their PRIVATE lives coming into the public that we hate.People are not even shamed of their sin, just do whatever makes a person feel good.Sad. Newsflash: Joe might not be Christian. As far as he is concerned and as far as an increasing nuebmr of people, including a growing nuebmr of Christians, are concerned he isn’t committing a sin. Even if Joe is a Christian, a growing nuebmr a Christians are beginning to believe that the bible’s limited and vague references to homosexuality are either outdated like many other passages (Leviticus says you can’t eat shellfish, but that doesn’t stop people from eating shrimp) or that the passages weren’t talking about a loving committed relationship, but rather gay rape or casual sex. Quick fun fact: I was saying in a previous post that the Bible is no longer accurate because it’s been translated so many times. Well, I was reading the Bible the other day, and it said something about homosexuality and used the word homosexual. Well, there was no word for homosexual when the bible was written, so there’s a proven inaccuracy right there Anyway, if you’re interested in educated yourself on this matter, I suggest you watch For the Bible Tells Me So, a great movie about possible interpretations about this passages.It’s like how Christianity was used to denounce interracial couples 40 years ago. Judge Leon Bazile, the trial court judge who presided over Lovings v Virginia, the case that ultimately lead to the legalization of interracial marriage, said in his findings: Almighty God created the races white, black, yellow, malay and red, and he placed them on separate continents. And but for the interference with his arrangement there would be no cause for such marriages. The fact that he separated the races shows that he did not intend for the races to mix. Of course, today, most of us read that statement as racist, but many people during that time agreed with this judge’s beliefs.Before that, the Bible was used to support slavery, the stoning of women, and other hateful activities. But that’s what happens. Modern religion uses an interpretation of the Bible that happens to mesh well with modern practices If anything is too difficult to follow, we just say, Oh well that was just how they lived 2,000 years ago; God doesn’t want me to do that now. Funny how that only applies to the laws that the majority of Christians don’t feel like following I doubt most appreciate how much men use to value womenTom, you wrote that on the purses then and now post. I agree. But you will not hear that from feminists.Feminism is man hatred. When the rubber meets the road and the petal hits the metal, one thing I know- women will rely on men again.ONLY for that, will I be glad., b/c bad times are coming. A lot of it has also been brought on BY women and their quest for satanic ‘equality’. That social justice, mumbo jumbo that is NOT of God. Feminism is not about hating men; it’s about insisting that women be treated as equals There are some groups of feminists who take it to the extremes, but the core of feminism is about valuing women and men equally. But you’re right, the Bible’s not big on gender equality. After all, in the Bible, rape is OK, as long as the man says, I do. Are equal voting rights, equal compensation at work, and protection for job/home ownership discrimination really satanic practices?Now to Citizen Tom: themadjewess — I suspect you are right, that whitepm does not have a clue. At least he is naive enough to think I am going to take CNN and the New York Times as the final word on homosexuals in the military. I know these news organs are as biased as he is, that they bury contradictory facts under reams of pretty human interest stories. I am not biased. I do everything in my power to remove bias. For your information, I have a duel degree in Political Science and Journalism and a minor in religious studies. There’s a pretty good change I have a better grasp on the Bible and the times in which it was written than you do. On top of that, I have worked with a variety major news organizations for years, and I can tell you first-hand that their intent is not to deliver biased news. I do, however, recognize that CNN and many other news distributors have a slight liberal bias, and for that reason, I spend time reading news from a more conservative angle, too. That is how I stumbled upon your blog in the first place (it happened to be at the bottom of the page. I’m not saying that your blog is a source of news). We use to use wood, stone, metal, and jewels. Now we idolize money, government, our selves, and our beliefs. Yet the more things change, the more they remain the same. Not so long, we sacrificed animals, captives, and even our own children to idols, hoping to be rewarded for our ardor by gods of our own invention. In the last century, we sacrificed racial and ethnic minorities on the altar of government. Striving for the purity required to reach our blessed goals, we demanded uniformity of race, class, and thought. People sacrificed animal to the Christian god before Jesus came. Don’t try and act like y’all were never part of that practice. Now as I said above, racial and ethnic minorities have been thrown under the bus in the name of God just as often as they have been thrown under the bus for any other reason. In fact, religion is usually one of the causes of prolonged discrimination. Malicious individuals use the bible as a powerful weapon, quoting a few passages and using that outdated lingo you are all so fond of (seriously, who says altar of the government in regular conversation?), and ignorant people line up by the masses to do whatever is asked of them. And though there is a lot more to say, let me just finish this post by saying that you’re right, themadjewess, dark times are coming for Christians. But not because of Satan or nonbelievers, but because y’all paint yourselves in such a negative light. Y’all just love to piss people off. On your site, themadjewess, you told your followers the following: Fight the left, join a far left wing forum and try like crazy to get kicked off, and then give yourself a hand for pissin the devil off. Yeah, keep trying to piss people off. Wrongly state that your federal rights are being violated when people have explained to you time and again why they haven’t. Call people sluts and whores when they choose to have sex before marriage. Call your government Communist even though you don’t really understand the core values of the system. Spend your church’s tax-exempt dollars on campaigns like Yes on Proposition 8 so everyone can see that you are not respectful of minorities. After all, is your right to do those things.BUT Don’t freak out when you start pissing people off enough to take you to court and see just how far they can push their own freedom of religion. In many ways, freedom of religion is freedom from religion as well. We’re already at the point where teachers can’t say Merry Christmas to their students. Even I think that’s silly. But you brought it on yourselves. You paint this public image of yourself that is nothing but infuriating and then when people call you on it, you turn and say: Oh, the devil strikes again! Turning more people away from us. It’s only going to get worse for y’all until you start playing nice with others. Period.

Leave a Comment

Comment (required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Name (required)
Email (required)