Jack-Letterpress-Target

Home of three oft-used Joe Workman Stacks. All are formatted colorfully, with Letterpress-generated typefaces.

Docs: Jack | Letterpress | Target | RW

Example 7 Letterpress Combined Stacks

  • Normal Text

  • H1

  • H2

  • H3

  • H4

  • H5
  • H6

Showing the effect of 7 stacked Letterpress stacks. All use the Letterpress Shadow Style

Letterpress

Styles Used in Letterpress

  • All text Georgia
  • H1 Green Letterpress
  • H2 Brown Letterpress
  • H3 Purplish 3d
Styled text and headers including Font Awesome

Letterpress allows you to create beautifully styled headers and text for your website. There are 16 built-in themes to style your text with. These themes allow you to customize the size, coloring and more. You can also chose from over 20 web safe fonts including Font Awesome. Obviously you can also create your own custom styling with more advanced settings. There are these features:

  • 16 Built In Themes | Tons of hemes to choose from to make your text look beautiful. Not enough, use custom settings for more advance looks!

  • Tons of Options! | Over 20 Web Safe fonts (including Font Awesome 4) plus Color, Style, Weight Lines and Alignment to make your site POP!

  • Letterpress Box Stack | Want to make a whole block of text, or different blocks of text look different? Drop them into the Letterpress Box stack.

  • Responsive | Provides an optimal viewing experience - easy reading and navigation with a minimum of resizing, panning, and scrolling - across a wide range of devices.

Gotcha on Using Letterpress
  • On a single Letterpress Stack one can only use one Styling option (Theme/Style/Color/Header type) at a time. Using Letterpress Box this can be solved by nesting Letterpress Box Stacks (maybe)
Tips on Using Letterpress
  • "Stack" Letterpress instances if you want different effects on HTML elements. E.G. H1 tyled one way, H5 another, All text a third and so forth.
  • For Headers or straight text use the Letterpress (HTML) stack.. It can be very handy to have a markdown stack that's llinked, so use. Individual linked text is not allowed uness you use HTML tags
  • To style text within one or more stacks, use the Letterpress Box Stack
  • Shadow Type is the main setting to decide on with examples listed below. Then then choose from the 22 fonts.
  • Other settings are Line height, letter and word spacing, and line type (strikethrough, underline)
Two Stacks, Letterpress and Letterpress Box
  • The Letterpress Stack is a HTML stack that allows shadow and style customization. It also allows HTML tag size, line and word spacing. No other types of stacks are allowed. The whole stack may have a link applied to it.
  • TheLetterpress Box Stack provides a drop zone and the Letterpress styles apply to every stack within Letterpress Box.
Letterpress Videos

(Even though it does say Tutorials)

  • Using Custom Fonts with Joe Workman's Letterpress Stack
  • Using Adobe Typekit with Rapidweaver & the Letterpress Stack
  • WeaverCast 14 Font Awesome and Rapidweaver {Letterpress
  • Letterpress Stack for Rapidweaver
Letterpress Tutorials

Example of a link in a Letterpress stack with HTML.

MacGen Website is a link.


2nd Paragraph

Shadow Types

  • None
  • Accent
  • Blurry
  • Crisp
  • Emboss
  • Glow
  • Knocked Out
  • Letterpress
  • Outline
  • Raised
  • Readable
  • 3D No Extras
  • 3D Clean
  • 3D Letterpress
  • 3D Letterpress Clean
  • Custom Shadow

Inset and Fuzzy Not in list

Knocked Out, 3D Letterpress, 3D Letterpress Clean, Custom Shadow and None don't have examples

Shadow Types
None Accent Blurry Crisp Emboss Glow Knocked Out Letterpresd Outline Raised Readable 3D 3D Clean 3D Letterpress 3D Letterpress Clean Custom Shadow
Styles Theme Font Font Awesome Arial Arial Narrow Arial Black Century Gothic Copperplate Gothic Light Courier New Georgia Geneva Gill Sans Helvetica Nelvetica Neue Impact Lucida Console Lucida Sans Palatino Linotype Tahoma Times New Roman Trebuchet MS Verdana Custom

Styles (Fonts)

  • Theme Font
  • Font Awesome
  • Arial
  • Arial Narrow
  • Arial Black
  • Century Gothic
  • Copperplate Gothic Light
  • Courier New
  • Georgia
  • Geneva
  • Gill Sans
  • Helvetica
  • Nelvetica Neue
  • Impact
  • Lucida Console
  • Lucida Sans
  • Palatino Linotype
  • Tahoma
  • Times New Roman
  • Trebuchet MS
  • Verdana
  • Custom-

H1 Times, Bold Style, Letterpress Shadow, Color:Blue, Shadow: Grey

H1 Times, Normal Style, Letterpress Shadow, Color:Blue, Shadow: Grey

Letterpress Stack

Each of these 4 cells have a different Letterpress stack in them. Only text is contained in each stack. Letterpress is good for Headers.

Basics: H4, Color: Yellow, Shadow: Raised Shadow Blue Shadow 2: Pink
Advanced: Copperplate Gothic Light, Style: Oblique, Weight: Bold

Cell # 2 has it's own font/size/color

Basics: H5 Color Green Shadow Letterpress Shadow Red
Advanced: Style Copperplate Gothic Light, Oblique, Lines: None Align: Center Bold

Basics: Type:H4, Color: Red; Shadow: Raised; Shadow Gold, Shadow 2: White
Advanced: Style Palatino Linotype, Style:Normal, Weight: Bold, Lines: None, Align: Left

Cell # 4 has a font awesome character in it and different colors with two Letterpress stacks ==>

Basics: Type:H4, Color: Red; Shadow: 3D Letterpress, Shadow 2: Gold
Advanced: Style Palatino Linotype, Style:Normal, Weight: Bold, Lines: None, Align: Left

Letterpress Box Stack

Box #1 uses Standard Float stack within Letterpress Box. Regular;ar Text is styled with Letterpress:

Box #2 is patriotic red Text with brown background, embossed and foundry 3's animated blue blob #7.

Box #3 has an orange backcground, purple lettering, brown background, Palatino font.

Box #4 Example text in standard Markdown stack in the Letterpress Box stack with Green Text, Blue "Crisp" Shadow, Geneva font type. The Joe Workman Demo, shows the many font type variations that are available.