Rock Salt
Rock Salt is handwriting rather than lettering: the strokes wobble, the baseline drifts, and adjacent letters lean at slightly different angles. Like Permanent Marker from the same studio it has no true lowercase, only smaller capitals, so it sets as one continuous texture. The thing to know before using it is its line spacing, which defaults to 2.39 times the type size because the strokes were drawn to overshoot in every direction. That is more than double what a normal text face asks for, and it is not a mistake.
Alphabets
- Latin
- Latin Extendedaccented characters for most European languages
Specification
- Designer
- Sideshow
- Foundry
- Font Diner
- Released
- 2010
- Category
- Handwriting
- License
- Apache-2.0
- Commercial use
- Allowed
- Good for
- Titles, Posters, Annotations, Packaging
- Weights
- 400
- Styles
- Normal
- Variable
- No
- Glyphs
- 228
- Languages
- Latin, Latin Extended
- Download size
- 78 KB
Size ladder
96
Sphinx of black quartz, judge my vow
64
Sphinx of black quartz, judge my vow
40
Sphinx of black quartz, judge my vow
24
Sphinx of black quartz, judge my vow
16
Sphinx of black quartz, judge my vow
12
Sphinx of black quartz, judge my vow
Characters
Uppercase
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
- P
- Q
- R
- S
- T
- U
- V
- W
- X
- Y
- Z
Lowercase
- a
- b
- c
- d
- e
- f
- g
- h
- i
- j
- k
- l
- m
- n
- o
- p
- q
- r
- s
- t
- u
- v
- w
- x
- y
- z
Numerals
- 0
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
Punctuation & symbols
- .
- ,
- :
- ;
- !
- ?
- '
- "
- ‘
- ’
- “
- ”
- (
- )
- [
- ]
- {
- }
- /
- \
- |
- -
- –
- —
- _
- @
- #
- $
- %
- &
- *
- +
- =
- <
- >
- ~
- ^
- `
- €
- £
- ¥
- ©
- ®
- °
- §
- †
- •
- …
Use it on the web
@font-face {
font-family: 'Rock Salt';
/* The download contains .ttf files. Put yours wherever you serve static
files from and point this at it. Converting to .woff2 first cuts the
size by roughly 60% and every current browser supports it. */
src: url('/fonts/rock-salt.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
body {
font-family: 'Rock Salt', cursive;
}License
Apache-2.0
You may use, modify and redistribute this font, including in commercial work, provided you keep the license and attribution notices with it.
Commercial use allowed
Questions
- Is Rock Salt free for commercial use?
- Yes. Rock Salt is released under the Apache License 2.0, which allows commercial use with no fee and no attribution requirement. You can use it in client work, in products you sell, on the web and in print. The one thing you may not do is sell the font file on its own. The licence is inside the download.
- Can I use Rock Salt in a logo?
- Yes. The licence covers the font software, not the artwork you make with it, so a logo set in Rock Salt belongs to you — including if you later register it as a trademark. You do not need permission and you do not owe anything to Sideshow. What the licence stops you doing is redistributing the font file itself as a product.
- How do I install Rock Salt?
- Download the zip and unzip it. On a Mac, select the 1 font file inside and open them, then press Install Font. On Windows, select them, right-click and choose Install. Restart any application that was already open before it will show up.
- Does Rock Salt support Turkish?
- No. Rock Salt covers Latin, but not the extra characters Turkish needs — the dotless ı, the dotted İ, and ğ and ş. Turkish text set in it would come out with missing or wrong letters.
- Does Rock Salt support Latin and Latin Extended?
- Yes. Rock Salt covers Latin and Latin Extended, across 228 glyphs. Anything outside those alphabets is not included — the character map further up this page shows exactly what you get.
- Why is there so much space between lines of Rock Salt?
- The font asks for it. Its own metrics set a default line height of 2.39 times the type size, against roughly 1.2 to 1.4 for most faces, because the strokes were drawn to overshoot well above and below where a letter normally sits. Left alone, the lines will not collide. If it is too much for your layout, set a line-height in CSS or a fixed leading in your design tool rather than tracking the type tighter, which will make the overlaps collide instead.