1LD Tutorials & Blogs

Tutorials

Setup

Add the Webfont Helper stack to the stacks editor. Then simply select the font you want to use and drag/drop it anywhere outside of the Webfont Helper stack.

Important: Do not publish your project with the Webfont Helper stack still in the editor. While this will certainly not cause any harm to your project/website it can cause an insanely long upload time as there are over 1000 font files included in this stack. We have broken each of the 45 fonts into separate stacks that can be dragged and dropped outside of the Webfont Helper stack to use. Once you have chosen fonts you want to use, delete the Webfont Helper stack from the editor and only the selected font files will be uploaded.

Each individual font stack has its own settings for implementation.

Manually

By default you must apply the font manually by using any of the highlighted font titles in a “Font-family” field inside of another stack. You may need to add quotation marks (“”) around the title depending on the stack you are using.

If you are familiar with CSS you can use the titles in the “font-family” rule. The example below will apply the font to the entire webpage.

body {
  font-family: “Nunito”;
}

Headers, Text, Headers & Text

There are options to automatically apply the font to Headers, text, or both.

Note: Some stacks may overwrite the font if they have their own font settings.

Wrapped content

When set to apply to wrapped content, only text content placed inside of the font stack will have the font applied to it.

Custom CSS Class

There is also an option to create a custom class if you have the ability to add classes to your elements.

GDPR Compliance

Google Fonts fall into a grey area with the new GDPR regulations and most professionals suggest you do not load fonts externally to be safe. This stack allows you to use some great fonts hosted on your own server without linking to Google.

More info: https://www.lifehacker.com.au/2018/06/how-to-be-gdpr-compliant-if-you-use-google-fonts-on-your-website/

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

New Release: Kirkland Law Project File

Thanks to user feedback we are continually updating and improving the Deluxe stack framework! macOS Mojave 10.14 is no longer a requirement to use our projects. Support has been tested back to macOS Sierra 10.12. The included php mail forms have also been updated for easier setup and use.

Check out our newest project using some of the latest features. Kirkland Law is a professional service based design project built with the included and ever improving Deluxe stacks. Use this completed project by simply swapping in your own text, images, and branding. Add your own pages and use any 3rd-party stacks you need.

 

Check it out!

Latest News

Newsletter

Join our newsletter to get notified of new releases, updates, and discounts.

Subscribe

Popular Links

Free Stacks & Themes
See Order History
Product Tutorials
FAQs

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software