Open Emoji

In other Kickstarter news, there is Phantom Open Emoji:

Of interest:

Our licensing model will be the same as the Font Awesome project which is a combination of the SIL Open Font License, MIT License and the CC 3.0 License [CC-By with attribution requirement waived].

The one weird bit is this reward:

***The Tohyama Limited Edition Emoji Creation Kit*** Get ALL the raw files, scratch files, unused bits, conversion scripts and [translated] instructions so you can start creating your own emoji instantly. Add them to our set or make your own.

Unless I am missing something, I could just put that in a repo and share it. Which is what I will probably do.

Fun with fonts and CSS

Geeking out on this RPG, I did some fun stuff with @font-face and custom CSS in WordPress. ^_^

I wanted to use Blackout for the style in the Tower of Shadows game I am running. I played around in Inkscape for a bit, putting different filters on it, but then decided that I would rather not rely on images to employ it.

I thought I recalled something in the Twenty Eleven theme where the article element was getting classes applied based on tags, among others. So I looked at the source and found this neat code in the page:

[html]
<article id="post-2132" class="post-2132 post type-post status-publish format-standard hentry category-gaming tag-old-school-hack tag-orthos tag-rpg tag-tower-of-shadows">
<header class="entry-header">
<h1 class="entry-title">Tower of Shadows</h1>
[/html]

One can do all kinds of fun things based on those classes. For instance, it has the format, so you can adjust how a standard post looks, as opposed to a gallery, or video. The part I was looking for was tag-tower-of-shawdows.

The next step was to find a plugin that would add stylesheets to the site without having to edit my theme. First of all, I don’t want to create a child theme, since I normally change up to the next default theme each year (waiting for Twenty Twelve!). Secondly, I want my CSS to stick, even if I change themes (though it may have to be adjusted, if the theme template doesn’t give me the same classes to work with.

Anyhow, I went with Improved Simpler CSS. It works on multi-blog instances of WordPress, but works fine on a single-blog instance just as well. With it, I added the following CSS to my site:

[css]
@font-face {
font-family: BlackoutMidnight;
src: url(‘/files/blackout-midnight.ttf’);
}

.tag-tower-of-shadows .entry-title {
font-family: BlackoutMidnight,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 40px;
}
[/css]

Now, any post that is tagged as “Tower of Shadows” (check it out), the title will attempt to use BlackoutMidnight as the rendered typeface.

I plan on doing a lot more with this, by adding my own classes, and applying them to interesting parts of the game, as well as character stats, for easy identification when scanning combat logs. Oh, the creativity that comes from gaming!

One thing that would be useful is if I could attach specific stylesheets conditionally, such as to any post that has a given tag. There were plugins that claimed to do that, but I wanted someone really simple, and I don’t think the additional overhead is that big of a deal, for right now.

So, anyone know of any typefaces that would be really cool for “sound effects”? Stuff like, “Boom!”, “Magic Effect!”, and “ZOMG FACE HIT!”. They would need to be released under the Open Font License or something similar. ^_^

LH Line1 Sans

LH Line1 Sans, a libre typeface that is pretty, and still usable.

Oh, pretty typeface! LH Line1 Sans comes from the one-person creative studio Lufthamn Studio (you can see it in action on that site, as well).

Here is a sample image, via the League of Movable Type’s tumblr:

LH Line1 Sans
LH Line1 Sans Sample

And of course it is licensed under the Open Font License.

I’ll be honest, I am probably going to use this very soon. ^_^

FontSpace, and font licensing

I got sucked into fonts (again) and thought about the general state of font licensing and repositories (again).

I was looking at fonts a few nights ago, looking for something techie and neat to do a banner or something for my weblog. I am not sure how I came upon it, but I found a site, FontSpace, that had an interesting way of filtering their fonts. You can elect to “only show commercial-use fonts”, as well as “show adult-themed fonts” (I don’t know what that would be, except maybe genitalia or people having sex… in the shapes of letters). I wasn’t sure what commercial-use meant in this context, but this site is cool enough that it has a link on every font page next to the license that explains it.

They have a lot of licenses listed there, and I wish there was a way to fine tune the search even more, perhaps by checking which category or specific licenses you wanted to see. I mean, shareware and freeware aren’t technically licenses, so it isn’t helpful to me. I found this to be true when I was looking at a couple of cute fonts made by Flop Design. FontSpace said they were okay for commercial use. When I downloaded the zip it had a document inside that clearly stated otherwise. I know that doesn’t correlate with licensing, since any site that receives submissions are going to have problems like that. However, it becomes a lot easier if there is a Creative Commons or Open Font License included.

Fortunately FontSpace has a contact form for the case of a font being incorrectly submitted, and the day after I brought it to their attention I got this:

Thank you Maiki, I’ve updated the licenses for those fonts and will go through and update the rest.

Not bad. I applaud them for that, and for an overall decent site (though, ads, ugh).

What this also makes me wonder is if there is a need for a repository for free fonts that focuses on copyleft-ish licenses. As I was going through the site I was skipping over everything that wasn’t public domain, CC, or OFL. I would like a place where all the fonts were like that.