Posts Tagged ‘font generators’

Sans-Serif fonts

Thursday, July 22nd, 2010

Sans-Serif

Sans-Serif

Sans-Serif

In typography, a sans-serif or sans serif  typeface  is one that does not have the small features called “serifs” at the end of strokes. The term comes from the Latin word “sine”, via the French word sans, meaning “without”.

In print, sans-serif fonts are more typically used for headlines than for body text. The conventional wisdom holds that serifs help guide the eye along the lines in large blocks of text. Sans-serifs, however, have acquired considerable acceptance for body text in Europe.

Sans-serif fonts have become the de facto standard for body text on-screen, especially online. This is partly because interlaced displays may show twittering on the fine details of the horizontal serifs. Additionally, the low resolution of digital displays in general can make fine details like serifs disappear or appear too large.

Before the term “sans-serif” became standard in English typography, a number of other terms had been used. One of these outmoded terms for sans serif was gothic, which is still used in East Asian typography and sometimes seen in font names like Century Gothic.

Sans-serif fonts are sometimes, especially in older documents, used as a device for emphasis, due to their typically blacker type color.

Other names for sans-serif

  • Egyptian
  • Antique
  • Grotesque
  • Doric
  • Gothic
  • Heiti
  • Lineale, or Linear
  • Simplices
  • Swiss
  • Share/Bookmark

Know Some Font Details

Thursday, July 22nd, 2010

edra screens
This is a True Type version of Fedra Serif, specially hinted for the Clear Type rasterizer. A multilingual contemporary low-contrast serif typeface with short descenders and ascenders intended to work at extremely small sizes.

Plan_Grot_Sten_Cond
A display version of Plan Grotesque with space saving proportions. The typeface is appealing in large signage as well as traditional print use. The stencil cuts emphasise the stroke terminals and give the typeface a crisp, playful character.

klimax_small
Klimax is a display typeface with four styles and OpenType features meant for use at extremely large sizes. Klimax includes two basic styles, Plus and Minus — the heaviest and the lightest possible styles that can be made.

History

A display typeface system consisting of 21 layers inspired by the evolution of typography. These 21 independent typefaces share widths and other metric information so that they can be endlessly recombined.

Fedra_IPA
The first full IPA font to treat the glyphs as individual letterforms drawn according to the same principles as Fedra Serif rather than just mirroring existing glyphs. Designed for use in dictionaries.

Nara_font_overview
Nara escapes traditional type classification. It exhibits characteristics of humanist typefaces, but also modern typefaces. It comes with two different styles for emphasis—narrow upright cursive, and slanted italic.

  • Share/Bookmark

11 Best Fonts for Hand Drawn Style Web Design

Friday, June 11th, 2010

Gruthch Shaded:

Grutch Shaded

Pointy

Pointy

Pee Pants Script

Pee Pants Script

Fh Scribble

Fh Scribble

Stun Filla Wenka

OPN Stun Filla Wenka

Mia’s Scribblings

Mia's Scribblings<

Jamai Stevie

Jamaistevie

Sketch Block

Sketch Block

Tire Shop

Tire Shop

Be Arpaw

Bearpaw

Fail

Fail

  • Share/Bookmark

INSERTING AND FORMATTING TEXT FONT in Adobe Illustrator CS4!

Wednesday, May 26th, 2010

One of the most powerful features of Illustrator CS4 is the ability to use type as a graphic
element. Like other objects, type can be painted, scaled, rotated, etc. You can also wrap type
around objects, make it follow a path, create type masks, import text files into containers, and
modify the shape of individual letters in a block of type.

To add type to a document, do the following:
1. Select the Type tool from the toolbox.
2. Click and drag anywhere on the art board to create a marquee for your text.
3. Use the Character palette to choose the font, font color, font size, etc.
NOTE: To view the Character palette, click Window > Type > Character.

Wrapping text around a graphicWrapping-text
To make your work, for example a brochure, look professional, you may want to use Text Wrap
(Picture B).

Objects, which you will wrap text around, must be in front of the type. To make a
Text Wrap, do the following:

1. Select the object you wish to wrap text around.
2. Choose Object > Arrange > Bring To Front.
3. Choose Object > Text Wrap > Make.
4. Set the Text Wrap Options (Picture A).

text-wrap-option

(Picture A)

Important: You can change how close the text wraps around an image after you have made it by
changing the offset (Picture A). Choose Object > Text Wrap > Text Wrap Options. The lower
the offset the closer the wrap.

After your Text Wrap is set you can move the object freely without resetting your wrap options.

  • Share/Bookmark

Illustrator Basic Text Effects – Tutorial!

Wednesday, May 5th, 2010

  • Share/Bookmark

True Type Fonts in PHP!

Wednesday, April 28th, 2010

<?php
header
(“Content-type: image/png”);

$im = ImageCreate (300, 40);
$grey = ImageColorAllocate ($im, 230, 230, 230);
$black = ImageColorAllocate ($im, 0, 0, 0);

ImageTTFText($im, 20, 0, 10, 25, $black, “CORBEL.TTF”, “TrueType Fonts!”);
ImagePng ($im);
ImageDestroy ($im);
?>

  • Share/Bookmark

How to use the alternate fonts in Dreamweaver CS3?

Wednesday, April 21st, 2010

  • Share/Bookmark

Font Configuration in linux!

Thursday, April 15th, 2010

There are two knobs to tweak when it comes to fonts. They are: (I) “Which font file do I use to render this text?” and (II) “What settings do I use to render this text?” As with many areas on Linux, there are multiple incompatible ways to configure all of this.

For (I), selection of fonts: older X apps like emacs use Xresources, which is out of scope here. GTK apps use a GTK-specific font setting. Qt apps use (XXX fill me in). Most newer systems (including GTK and Qt) also use the fontconfig library to handle font fallback: which font to use when the chosen font isn’t available, or when it lacks the characters needed to render the current text. Chrome, as a GTK app, should behave just like any other GTK app in its user interface.

Because web pages themselves (via CSS) provide their own font fallback preferences, Chrome disregards the font fallback provided by fontconfig except when the fonts requested by the page don’t provide the characters needed. (We believe this general goal is a feature, not a bug, but there are plenty of bugs in how Chrome implements this goal.)

For (II), how to render a selected font, things get more complicated. Fontconfig allows per-font preferences; for example you can configure it to say “for Courier New at sizes smaller than 12 points, do not perform any antialiasing”. In contrast, GTK apps obey the hopefully cross-desktop XSETTINGS system (in particular its Xft/* settings). Typically that is set up by the GNOME font preferences GUI (System?Preferences?Fonts) via gnome-settings-daemon. (Other systems like XFCE behave similarly but with their own daemons.)

For the UI, Chrome again behaves like every other GTK app. For web content, Chrome attempts to obey the fontconfig preferences. (Why? The system-wide preference is used to configure just one font, while a web browser displays a variety of fonts at different sizes.) These two settings can easily get out of sync: just change your font preferences via the GNOME GUI. Now fontconfig says one thing and GTK will say another. It may have been a mistake to obey fontconfig at all; I’m honestly not certain whether this was a good idea.

(In my brief testing Firefox appears to only obey fontconfig — change the font settings in the control panel and Firefox doesn’t reflect them — but it also has maybe has its own set of font-display-related settings in about:config. I haven’t investigated enough to see what actually happens. I wouldn’t be surprised if it also varies across distros and versions.)

  • Share/Bookmark

Core fonts for the Web!

Wednesday, April 7th, 2010

Core fonts for the Web was a project begun by Microsoft in 1996 to make a standard pack of fonts for the Internet. The fonts were designed to:

  • Be highly legible on screen;
  • Offer a wide range of typographic “timbres” within a small number of typefaces; and
  • Support extensive internationalisation.

These design goals and the fonts’ broad availability have made them extremely popular with web designers.

While the program has formally ended, the benefits of using broadly available fonts remain; hence, in addition to the original core fonts, newer fonts packaged with Microsoft Windows and Microsoft Office increasingly form a new canon of core fonts. Broader web browser adoption of the web fonts specification may ultimately render the notion of core fonts obsolete by allowing the real-time downloading and display of specific fonts.

  • Share/Bookmark

How will you utilize Fonts correctly in a Technical file?

Monday, April 5th, 2010

I. Choose your headlines from NON-SERIF fonts (like Arial, Helvetica, Verdana, Tahoma, Futura, Optima) & your body text from SERIF fonts (like Roman, Times Roman, Times New Roman, Georgia, Bookman).

II. ITALIC is designed to draw attention to itself by desirable quality of being hard to read. That’s why, in a block of readable text, it makes sense to highlight a word or a phrase by printing it in Italic.

On the other hand, a few authors print entire web or print pages in Italic! That defies the entire function of the Italic style. Each time you utilize Italic font, be alert that you are making your words difficult to read. Thus use it carefully, like adding sugar to your coffee.

  • Share/Bookmark