DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

EXT: Google Web Font Loader

Created:2010-02-18T17:33:18
Changed by:Graham Solomon
Changed:2010-08-10T13:43:21.940000000
Classification:google_webfont
Description:The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) see more: http://wiki.typo3.org/doc_template#tags ----
Keywords:google, web, font, api
Author:Graham Solomon
Email:info@typo3coder.com
Info 4:
Language:en

img-1 img-2 EXT: Google Web Font Loader - google_webfont

EXT: Google Web Font Loader

Extension Key: google_webfont

Language: en

Keywords: google, web, font, api

Copyright 2000-2010, Graham Solomon, <info@typo3coder.com>

This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml

The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.org

Table of Contents

EXT: Google Web Font Loader 1

`Introduction 3 <#1.1.Introduction|outline>`_

What does it do? 3

Screenshots 3

`Configuration 4 <#1.2.Configuration|outline>`_

Reference 4

`Known problems 5 <#1.3.Known%20problems|outline>`_

Introduction

What does it do?

Integrates the Google Font API into your TYPO3 website, which helps you add web fonts to any web page.

Benefits of the Google Font API include:

  • A choice of high quality open source fonts.
  • Works in most browsers.
  • Extremely easy to use.

Screenshots

img-3 Hello World! <h1> rendered using the “Tangerine” web font.

Configuration

  • Install via the Extension Manager
  • Include the “google_webfont” static record in your website template
  • Configure using the options below

It's highly recommended you read the Google documentation before configuring this extension:

http://code.google.com/apis/webfonts/docs/getting_started.html

Reference

WebFontLoader

Property

WebFontLoader

Data type

Boolean

Description

Enable the web font loader, if this setting is disabled, then you can still load fonts from the Google library, however they will be included via a stylesheet link.

If disabled typekit and custom fonts will not be loaded.

Default

1

fonts.google

Property

fonts.google

Data type

String

Description

Comma separated list of Google fonts to load

Default

fonts.typekit

Property

fonts.typekit

Data type

String

Description

Name of the TypeKit library you want to load

Default

fonts.custom

Property

fonts.custom

Data type

String

Description

Comma separated list of custom fonts to load

Default

fonts.custom.urls

Property

fonts.custom.urls

Data type

String

Description

Comma separated list of links to stylesheets with font-face declarations of your custom fonts.

Default

[tsref:(cObject).TEST]

((generated))
Example

plugin.tx_googlewebfont_pi1 {

WebFontLoader = 1

fonts.google = Tangerine, Inconsolata, Droid Sans

}

Known problems

None.

5