How to use fonts that are .otf file format with Adobe Dreamweaver CC 2015?

lionsclaw
lionsclaw used Ask the Experts™
on
I have some fonts in .otf file format.

They open fine in Adobe Photoshop CC 2015.

How can I import or use these fonts that are in .otf file format with Adobe Dreamweaver CC 2015 with CSS3 and HTML5?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Kyle HamiltonData Scientist
Most Valuable Expert 2014
Commented:
fontsquirel is your friend in this situation. as long as you own the font, you can use fontsquirel to generate all the other formats and css to use it on the web.

http://www.fontsquirrel.com
Dave BaldwinFixer of Problems
Most Valuable Expert 2014
Commented:
Kyle's suggestion is good.  Since they are probably not standard fonts, you have to generate the appropriate CSS file and put them on your web site so the web browsers can download them and use them on your pages.

Author

Commented:
How about from MyFonts.com?
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Dave BaldwinFixer of Problems
Most Valuable Expert 2014
Commented:
Here https://www.myfonts.com/licensing/webfont/ is their info.  Note that not all fonts are licensed for use as 'web fonts'.

Author

Commented:
I was checking out fontsquirrel.com and I've seen when you download a font you have options for font formats like .ttf, .eot, .woff and .svg.

If I have a font that's only in .otf does that mean I can't use this font on the web?

Is there a .otf to .ttf, .eot, .woff and .svg converters?
Kyle HamiltonData Scientist
Most Valuable Expert 2014

Commented:
fontsquirrel converts your font into those formats. Those are the formats you'll need to use the font on the web.
Dave BaldwinFixer of Problems
Most Valuable Expert 2014

Commented:
'otf' format fonts aren't used by all browsers.  In addition, you need the CSS package that goes with web fonts.  This isn't as easy as posting the font file to your web site.

You need to check out the MyFonts page.  If you bought the fonts from them, you need to get the web fonts package and license from them
Data Scientist
Most Valuable Expert 2014
Commented:
go to the Genrator tab:

http://www.fontsquirrel.com/tools/webfont-generator

upload your font, and let fontsquirrel do the rest

Author

Commented:
Ok.

Here's an example..Free Font Lato

It says that it'll work with CSS, however I don't see the webfonts download link, the folder that contains the different formats and stylesheet.css

Only the .ttf link.
Dave BaldwinFixer of Problems
Most Valuable Expert 2014

Commented:
I don't see it for that font either.

Author

Commented:
I sent them an email, so I'll let you know what they say.
Kyle HamiltonData Scientist
Most Valuable Expert 2014

Commented:
No, there is no download link for that one - not sure why. But the license states that you can use it for the web. So if you want, you can download the TTF and use fontsquirrel to generate the other formats. It's a workaround for the impatient. Otherwise, wait for them to get back to you.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial