Skip to content
A Readable & Responsive Theme for Tumblr
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
website/sass
.gitignore
Ashley.html
Ashley.png
README.md
index.html
style.css

README.md

Ashley

A Responsive and Readable Theme for Tumblr, utilizing Google Web Fonts

Over 70,000 active installs

Ashley Screenshot

Readable

Don't hunch over. Sit back and enjoy.

Responsive

Content is device agnostic. Your blog should be too.

Minimal

Just what you need. No more. No less.

Customizable

Use any Google Web Font. Defaults to Gentium Book.

jxnblk.com/ashley

View on Tumblr Themes


How to switch Google Web Fonts in Tumblr

  1. Choose a font from Google Web Fonts

  2. Go to your blog and click Customize

  3. In the GoogleWebFont field, type or paste in the name of the font – e.g. Gentium Book Basic

  4. In the GoogleWebFontURL field, type or paste in the name as it appears in Google's code – e.g. Gentium+Book+Basic

  5. Click Save


How to use Typekit

  1. Create a kit on Typekit

  2. Go to your blog and click Customize

  3. Click the Edit HTML button

  4. Replace the Google Web Font block with the Typekit embed code

    <!-- Replace this block: -->
    {block:IfGoogleWebFont}
      <link href='http://fonts.googleapis.com/css?family={text:GoogleWebFontURL}' rel='stylesheet' type='text/css'>
    {/block:IfGoogleWebFont}
    
    <!-- with your Typekit embed code: -->
    <script type="text/javascript" src="//use.typekit.net/XXXXXXX.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  5. Replace the font-family declaration with the one from Typekit

    <!-- Change this line: -->
    font-family: '{text:GoogleWebFont}', Georgia, serif;
    
    <!-- To something like this: -->
    font-family: "skolar",serif;
  6. Click Update Preview, then Save

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.