You probably see ordinary “Verdana” above, if you came here with Firefox or Internet Explorer. You want a screenshot in that case, right?
At first you tell the browser the name of your web font (in our case: Anivers), then you tell where it is located (in our case: fonts/Anivers_31.otf) and what kind of format it is. If that is done, you just assign the font in your CSS like you are used to it:
-
@font-face {
-
font-family: Anivers;
-
src: url('fonts/Anivers_31.otf')
-
format("opentype");
-
}
-
-
.museo {
-
font-family: Anivers, Verdana;
-
/* Verdana is listed as a fallback */
-
font-weight: normal;
-
font-size: 2em;
-
line-height: 1.3em;
-
color: #555;
-
}
-
-
/* ============================================ */
-
/* Anivers is free: http://josbuivenga.demon.nl */
-
/* ============================================ */
The iPhone SDK is a big thing, for sure. But web typography not limited to 15 fonts anymore? I think i will throw up a few times, just for fun.
But a little advice: Even some “free fonts” will only allow their re-distribution if you include the license file they came with. And re-distributing is what you – in a broader sense – do, if you use them as web fonts.
I hope some foundries out there see the new web fonts as a possible way of free advertising; if your web font becomes the next big thing (i am dead sure the other browser vendors will hop on the bandwagon), it is certainly a form of advertising for the quality of your foundry.
And while we’re at it, here are a few more Safari/Webkit news i find worth mentioning:
- Support for SVG advanced text (SVG fonts anyone?)
- Double clicking on the tab bar will open a new tab
- Password fields will now show a “caps lock icon” if caps are locked
- Support for SVG images in <img> elements and CSS images
- Support for CSS transforms and transitions
- Support for HTML 5 <video> and <audio> elements
- Improved JavaScript performance (really?)
- New “develop menu” with lots of gimmicks
This raises some very interesting licencing issues being that you can just visit the URL and copy the font to use yourself…
[)amien
Sure, the site owner has a responsibility here. But it is nothing new, same goes for content and pictures, it’s not just fonts that could be copyrighted.
So it is not a new discussion nor a new problem really.
It’s a problem in that the only fonts you can use are fonts like Dieter’s that are 100% public domain. Commercial fonts (the type designers like) are off-limits as are freeware and open source fonts that only allow redistribution in .zip packages with readme’s/licenses intact. Some discussion here… http://typophile.com/node/43312
Cheers, Si
Yeah, that is indeed a problem, i mean that the choices are limited, but the choices we had were even more limited before, so…
I just switched from FireFox
Thanks,
Great feature. So much of a design has to do with the fonts used.. The web is so deprived in this area, and has forced many developers to result to imagery which hinders dynamic output to a huge degree, unless you enjoy using PHP & GD library to raster font output server-side.