Optimo Font Installation

[aduckett]

Hi

Thought it might be useful to share installation advice for fonts from Optimo.ch as it's taken a while to work this out. It's probably a basic process for anyone that knows what they're doing. For this, I'm using Plain Medium.

Step 1
Package of files from Optimo contains, CSS, SVG and EOT. These are be added to a (new) folder called 'fonts' within: public_html/wp-content/themes/lay/. You'll need to access your domain to add these.

Step 2
Add this to 'Lay Options > Custom CSS and HTML' in both Desktop and Mobile:
@font-face {
font-family: 'PlainMedium';
src: url('/fonts/PlainMedium-Regular.eot'); /* IE9 Compat Modes /
src: url('/fonts/PlainMedium-Regular.eot?#iefix') format('embedded-opentype'), / IE6-IE8 /
url('/fonts/PlainMedium-Regular.svg#svgPlainMedium-Regular') format('svg'); / Legacy iOS */
}

Step 3
Add a new webfont in 'Lay Options > Webfont'
Font name: (same as font-family above)
Link tag: <link href="/wp-content/themes/lay/fonts/PlainMedium-Regular.css" rel="stylesheet" type="text/css">
font-family: 'PlainMedium', sans-serif;

Step 4
Head into 'Text formats' and change the Font Family to the chosen font.

Step 5
New font should be installed across the site.

Hope I've covered everything and of use to someone else.

Adam

[mariusjopen]

Hi @aduckett

Great!

Thank you for the tutorial!

Once thing: When you put the files into the template-folder, it might happen that it will get deleted with the new update.

Better put it into the content folder of wordpress and then change the paths one level up:
.../fonts/PlainMedium-Regular.eot

All the best!

Marius