Argh! I need a new font :-/

Printer-friendly version

Forums: 

Taxonomy upgrade extras: 

Hey all,

I've fully transitioned over to the new PC now, but there's only one problem. It doesn't have Lucida Calligraphy!

This is surprising because, according to my research it was the most popular calligraphy font for web use.

So, I'm opening the floor to suggestions for a new Calligraphy font for my Becoming Robin and Aria Blade headers.

I haven't delved OpenOffice to see what I do have available yet, but that's my next step. I wanted to throw this out there first though in case someone more technically-minded might have a reccomendation.

To clarify, this is and has always been ONLY for my story teasers' title/byline. I'm going to miss Lucida Calligraphy. It had the perfect feminine touch for both stories without being irritatingly illegible :-/

You what?

Seventeen quid? I don't think so.

This is Teh Interwebs! Everything's free, innit?

Seriously, there's not much point putting up a specialised font if your readers don't have it. Lowest common denominator wins every time - unfortunately. There's even less point putting up hard cash for something you're only going to write a couple of lines in once a week.

Penny

Could you try to

Download Lucida from internet? I mean surely it is here somewhere!

Faraway


On rights of free advertisement:
Big Closet Top Shelf

Where you can fool around like you want to and most you get is some bemused good ribbing!

Faraway


On rights of free advertisement:
Big Closet Top Shelf

Where you can fool around like you want to and most you get is some bemused good ribbing!

Sorry to break this to you, Zoe...

But Lucida Calligraphy isn't on the short list of "every computer has this" fonts... which means that while it may have looked right to you, unless it was also installed on the computer of the person viewing the story, they didn't see it in that font.

You can download the font package, and it's small. It's quick and easy to install, too.

But I would suggest a font from the short list. If you want one that is reminiscent of the girly, loopy middle school girl handwriting, and on the short list... I suggest Georgia in italics.

Fonts on the Web

Puddintane's picture

Fonts are difficult on the web, because not everyone has the same fonts available. Because of this, browsers have a clever method of finding a font to suit, if given a hint. But what you see is typically not what others see, because the browser chooses from whatever fonts are available on the machine it's running on, and won't look elsewhere.

It's sort of like the story of the man who lost his keys, and was looking under a streetlamp to find them.

A man was on his knees, crawling around under a streetlamp, obviously looking for something, cursing loudly all the while.

A passer-by saw that he was having trouble, and asked if he could help.

The man said, "Can't you see I've lost my keys?"

The passer-by asked, reasonably, "Might you have lost them somewhere else?"

The man replied, "Well, of course I did, you silly fool! I lost them in that dark alley over there."

The passer-by asked, "Why are you looking here, then?"

The man answered, "The light's much better over here."

Instead of using a single font name for your font, use what's called a "stack," which is an ordered list of fonts in a likely order of availability, always followed by the default of that family, which will be filled by what's available on your particular system. Be aware though, that Microsoft foolishly believes that the incredibly ugly "Comic Sans" is a cursive font, and in fact the best of all possible cursive fonts, so makes it the default cursive font, and will blissfully trash your display if you give it half a chance*. This means you'll need to supply enough names that it's unlikely you trail off the end of your list.

Here's a start:

<font face="'Lucida Handwriting', 'Lucida Calligraphy', 'Apple Chancery', 'Zapf Chancery', Coronetscript, Florence, Parkavenue, 'Brush Script MT', 'Brush Script' 'Edwardian Script ITC', cursive">Sample Text</font>

You should add whatever replacement for your Lucida Calligraphy font is supplied with your system (since it's likely other Microsoft machines will have the same fonts installed), although Microsoft often minimises the number of fonts installed because they reside in memory, so too many slows down the system. Sometimes there are other fonts available on your installation disks, but you have to take special steps to install them.

Here's what that font stack looks like on your system:

Every Queen Has Her Faults

You can rearrange the order to optimise it for your own system, or add fonts at will. I don't particularly like the brush scripts, but they're commonly available, and much better than Comic Sans. Everything on the Web is a compromise, because there is no central repository of fonts that every browser might draw upon. It's a design flaw.

The alternative is to create a graphic with your preferred font used as a picture (Be sure to use an alt="whatever title you use" attribute to make it accessible for people with pictures turned off. Many people will slow Internet access to this so they don't go crazy waiting for pictures to load.)

Cheers,

Puddin'

* This is one reason many web designers advise against cursive fonts entirely, because Microsoft will muck up a large proportion of computers used in real life.

Comic Sans

Ban Comic Sans

P.S. If you still have your old machine, you can copy any old fonts you like from it.

A tender heart is an asset to an editor: it helps us be ruthless in a tactful way.
--- The Chicago Manual of Style

-

Cheers,

Puddin'

A tender heart is an asset to an editor: it helps us be ruthless in a tactful way.
--- The Chicago Manual of Style

Short List of Cursive Fonts

Puddintane's picture

Here's a short list of possible fonts:

Lucida Handwriting

Lucida Calligraphy

Apple Chancery

Zapf Chancery

Coronetscript

Florence

Parkavenue

Brush Script MT

Brush Script

Edwardian Script ITC

Zapfino

If any of them don't look like a cursive font, you don't have it installed.

Cheers,

Puddin'

A tender heart is an asset to an editor: it helps us be ruthless in a tactful way.
--- The Chicago Manual of Style

-

Cheers,

Puddin'

A tender heart is an asset to an editor: it helps us be ruthless in a tactful way.
--- The Chicago Manual of Style

Wow!

littlerocksilver's picture

Learn something new everyday. There is hope, yet.

Portia

Portia

Here are a few more

Puddintane's picture

Here are a few more choices:

Blackadder ITC

Bradley Hand ITC

Brush Script MT Italic

Edwardian Script ITC

Freestyle Script

French Script MT

Forte

Kunstler Script

Palace Script MT

Papyrus

Pristina

Rage Italic

Script MT Bold

URW Chancery L

Viner Hand

Vivaldi Italic

Vladimir Script

Combined with the first list, that's most of the cursive fonts commonly installed on Windows, Mac, and Unix machines.

Many word processing and page design software packages install other font selections as part of their feature set.

There are some duplications, because I didn't have the first list sitting in front of me when I typed this version in.

Note especially: Just because many or most of these don't appear to be cursive fonts on your screen, they will appear so on many machines, just not yours. I deliberately specified a single font and "sans-serif" as the fall-back position for each example to make what happens when a particular font is not installed perfectly clear.

Here's a table with a lot of information presented using incredibly bad typographical judgment, since everything is tiny, extremely low in contrast, and doesn't give you the slightest clue what you're looking at if you don't have all of the the particular fonts listed installed. One is supposed to know what all these fonts look like from memory, one presumes. Twits.

Bad Table

Cheers,

Puddin'

A tender heart is an asset to an editor: it helps us be ruthless in a tactful way.
--- The Chicago Manual of Style

-

Cheers,

Puddin'

A tender heart is an asset to an editor: it helps us be ruthless in a tactful way.
--- The Chicago Manual of Style

You can say that again >_>

Zoe Taylor's picture

Here's a table with a lot of information presented using incredibly bad typographical judgment, since everything is tiny, extremely low in contrast, and doesn't give you the slightest clue what you're looking at if you don't have all of the the particular fonts listed installed. One is supposed to know what all these fonts look like from memory, one presumes. Twits.

Looking at said table, barely 1/3 of them actually showed up in my browser as non-default :-P

* * *

"Zoe, you are definitely the Queen of Sweetness with these Robin stories!"
~ Tychonaut

~* Queen of Sweetness *~

~* Queen of Sweetness *~

Become a Patron for early access ♥

Something to consider...

if it's for the title area... Go ahead and craft it on YOUR machine - using fonts YOU have... Use a "screen Capture" program (like IrfanView) to capture the title in that font as an image - and place the image in the place of the "title"... And, you'll get the look you want - mostly - and it'll work on most folks PCs. (Don't go overboard on this though - we still have some folks that use Dial-Up, and an image at the beginning of your story really sucks up the time...)

Alas,

Zoe Taylor's picture

Alas, therein lies the trouble, that I was under the mistaken understanding that my favorite font was on the short list.

I might have to try Puddin's suggestion in its place though, since each chapter has its own unique subtitle, so making a graphic for each could become daunting.

The most disheartening thing I think, was the realization that I'd been seeing this beautiful font all this time, and odds are everyone else was seeing arial, or whatever their browser's default happened to be. That was jarring ;-)

I might try Georgia Italicized too

I'll play around with it a bit and see if I can find something I like, that won't look pugly on others' systems :-D

Thanks everyone!

Ooh. After previewing my own message, Italicized Georgia is a nice substitute!

* * *

"Zoe, you are definitely the Queen of Sweetness with these Robin stories!"
~ Tychonaut

~* Queen of Sweetness *~

~* Queen of Sweetness *~

Become a Patron for early access ♥

The same principle applies...

Puddintane's picture

Not everyone has Georgia installed.

face="Georgia, Constantia, 'Lucida Bright', Lucidabright, 'Lucida Serif', Lucida, 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', sans-serif;"

Georgia

Constantia

Lucida Bright

Lucidabright

Lucida Serif

Lucida

DejaVu Serif

Utopia

Bitstream Vera Serif

Liberation Serif

As above, I used sans-serif as the default for clarity, since all these fonts are serif fonts if you can see them.

In reality, you'd probably want to use "serif" as the fallback font, which will likely be some sort of times roman.

Cheers,

Puddin'

A tender heart is an asset to an editor: it helps us be ruthless in a tactful way.
--- The Chicago Manual of Style

-

Cheers,

Puddin'

A tender heart is an asset to an editor: it helps us be ruthless in a tactful way.
--- The Chicago Manual of Style

No Georgia?

erin's picture

If you don't have Georgia you are running one weird computer since it is included with nearly every version of Windows and MacOs since the early 90s. Even most distributions of Linux include it. That's why it's used as BC's default serif typeface. The face command here is (as I remember), font-face: "georgia, palatino, times, times new roman, serif" for serif areas, and, font-face: "verdana, arial, calibri, geneva, helvetica, univers, monaco, sanserif" for sans serif areas. It's done in CSS, not HTML.

Georgia is similar to Palatino and Times (and Times New Roman is nearly identical to Times) but Georgia is optimized for screen presentation whereas Times is optimized for printing on cheap paper and Palatino for printing on book paper. These are all Italian-style serif typefaces.

Verdana, Arial and Calibri are similar to Helvetica but optimized for screen whereas Helvetica is optimized for printing. Geneva and Univers are similar to Helvetica, more or less, and Monaco is a mono-spaced variant of Helvetica. These are all Swiss-style sans serif typefaces.

Hugs,
Erin

= Give everyone the benefit of the doubt because certainty is a fragile thing that can be shattered by one overlooked fact.

= Give everyone the benefit of the doubt because certainty is a fragile thing that can be shattered by one overlooked fact.

Don't worry

At least I have both Lucida fonts. ;)

Faraway


On rights of free advertisement:
Big Closet Top Shelf

Where you can fool around like you want to and most you get is some bemused good ribbing!

Faraway


On rights of free advertisement:
Big Closet Top Shelf

Where you can fool around like you want to and most you get is some bemused good ribbing!

new Title art is done

Zoe Taylor's picture

I'll probably redo it at some point because honestly, something just feels... off about it, but I can't put my finger on what it is. But for now!

And!


I'll definitely be redoing the Aria Blade one if only to match it a little closer to the Robin style, but they'll work until I can get something more permanent done (and they shouldn't destroy anyone on 56k dialup :-D)

* * *

"Zoe, you are definitely the Queen of Sweetness with these Robin stories!"
~ Tychonaut

~* Queen of Sweetness *~

~* Queen of Sweetness *~

Become a Patron for early access ♥

What's off

erin's picture

The letters are too grey. Less green in the pink, more blue or less green and red in the blue - though the blue may look okay versus the ordinary yellow background.

Hugs,
Erin

= Give everyone the benefit of the doubt because certainty is a fragile thing that can be shattered by one overlooked fact.

= Give everyone the benefit of the doubt because certainty is a fragile thing that can be shattered by one overlooked fact.

Ah! Thanks Erin! I'll see

Zoe Taylor's picture

Ah! Thanks Erin! I'll see if I can make some tweaks to get it looking more presentable this evening :-D

* * *

"Zoe, you are definitely the Queen of Sweetness with these Robin stories!"
~ Tychonaut

~* Queen of Sweetness *~

~* Queen of Sweetness *~

Become a Patron for early access ♥

Some references about fonts...

Some time ago I researched a bit about font stacks -- looking for font equivalence between Windows, Mac and Linux and such. I kept a few site links...

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
http://www.will-harris.com/verdana-georgia.htm

http://www.apaddedcell.com/web-fonts says:
"One way to counter the problem with script fonts in Windows (namely, that only Comic Sans is installed by default), would be to specify a nice serif as your last option (Georgia, for example) and make it italic. Script fonts usually don't have italic variants, so people with nice script fonts installed will see the font you intended while others will see italic Georgia which isn't quite the same but would still look nice. This technique would also work for decorative fonts or other categories where no suitable alternative is available on some operating systems."

Also, check examples of good font stacks on the following three sites:

http://www.codestyle.org/css/font-family/BuildBetterCSSFontS...
http://articles.sitepoint.com/article/eight-definitive-font-...
http://unitinteractive.com/blog/2008/06/26/better-css-font-s...