Two different fonts in one word?

They have: 1 posts

Joined: Mar 2011

I am trying to use two different fonts in one long word....actually it is three words with no space between them. Example: ecosystemscorp.

I want "eco" to be bold and in a Bodoni font, "systems" to be regular in an outline font, and "corp" to be bold in a Bodoni font.

Can anyone give me a very clear path on how to do this? Is it even possible or does it require an image to pull it off?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

No, you could just put a <span> with a unique class around each word and then apply your fonts that way.

Do you know about the methods of serving custom fonts using @font-face? Make sure your fonts are cleared for distribution, or use a service like Typekit.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.