Typetura.com
Packages
GitHub
Introduction to Typetura
How Typetura works
Support and services
Using Typetura
Getting started
Configuration with packages
Typetura packages
Package components
Extending your package
Creating with Typetura
Creating your own typographic system
Defining contexts
Component styles
Best practices
Using our keyframe editor
Legal
Patents & IP
Copyright & Licensing
Privacy
Powered by GitBook

Getting started

To get started using Typetura on your website, you need a little bit of JavaScript to get things working. Our plugins enable you to get up and running quickly in various web environments, or you can use Typetura Core in any web environment.

Typetura Core
WordPress
React
Typetura Core

If you are using a Typetura Package, skip ahead to Configuration with Packages.

​1. 📩 Download the version of Typetura.js​

2. 📨 Add it to your website using the following line of code

HTML
<script src="/scripts-directory/typetura.min.js"></script>

This must be added to the <head> of your HTML file, not at the bottom of the body. This is to catch page changes before first paint for better performance.

3. That’s all you need to enable Typetura on your website!

WordPress

Search for and install the Typetura plugin

Navigate to the sidebar and select Plugins, then Add New.

Click Install Now, then click Activate.

Configure Typetura

Navigate to Settings, then to Typetura Settings.

React

Install the React plugin

Shell terminal
# Using NPM
npm install @typetura/react --save
​
# Using Yarn
yarn add @typetura/react --save

​

​

Previous
Support and services
Next - Using Typetura
Configuration with packages
Last updated 2 weeks ago