https://github.com/jxnblk/Ashley

A Readable & Responsive Theme for Tumblr
https://github.com/jxnblk/Ashley

Last synced: 18 days ago
JSON representation

A Readable & Responsive Theme for Tumblr

• Host: GitHub
• URL: https://github.com/jxnblk/Ashley
• Owner: jxnblk
• Archived: true
• Created: 2013-03-05T23:44:25.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2016-04-23T21:18:35.000Z (over 8 years ago)
• Last Synced: 2024-08-01T00:41:03.132Z (3 months ago)
• Language: CSS
• Homepage: http://jxnblk.com/ashley
• Size: 714 KB
• Stars: 106
• Watchers: 11
• Forks: 24
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Ashley

======

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

Over 70,000 active installs

![Ashley Screenshot](Ashley.png)

## 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](http://jxnblk.com/ashley)

[View on Tumblr Themes](http://www.tumblr.com/theme/37012)

---

## How to switch Google Web Fonts in Tumblr

1. Choose a font from [Google Web Fonts](http://www.google.com/webfonts)

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

    ```html

    

    {block:IfGoogleWebFont}

      

    {/block:IfGoogleWebFont}

    

    

    try{Typekit.load();}catch(e){}

    ```

5. Replace the font-family declaration with the one from Typekit

    ```html

    

    font-family: '{text:GoogleWebFont}', Georgia, serif;

    

    font-family: "skolar",serif;

    ```

6. Click *Update Preview*, then *Save*