Tag Archives: fonts

Google Fonts Support


EzGenerator support Google Web Fonts

Google Web fonts works in most browsers, but they are not correctly displayed inside EzGenerator  (edit and browse mode) if Internet Explorer version 9 (IE9) is installed.

 

to fix this problem, either :

1. enable IE8 browser mode in application options dialog, (drawback is that this will also make new CSS3 features invisible inside ezgenerator)

 

or

 

2. download fonts you are planning to use from Google Web Fonts and install them and install them on your pc.

(in this case, both google fonts and CSS3 features will be displayed inside Ezgenerator)

 

(notice, all above only affects visibility of this features inside EzGenerator, both CSS3 and Google fonts works fine online)


Print  posted by miro   General tags:  Google • Fonts   permalink
0 0

How to use custom Fonts


By default EzGenerator include standard collection of web-fonts and Google Fonts in dialogs and screens, but it's also possible to manually include Font-Face fonts.

 

1. add rules for each fonts in project css (project template --> template editor --> template css)

example of font-face rule (for font with name : DeliciousRoman) :

 

1.a (when font is stored on external server)

@font-face{font-family: DeliciousRoman ; src: url('http://www.font-face.com/fonts/Delicious-Roman.eot'); src: url('http://www.font-face.com/fonts/Delicious-Roman.ttf') format('truetype'); font-weight: normal; font-style: normal;}


1.b (when font is stored on your own server)

@font-face{font-family: DeliciousRoman; src: url('fonts/Delicious-Roman.eot'); src: url('fonts/Delicious-Roman.ttf') format('truetype'); font-weight: normal; font-style: normal;}

 

2. create file with name font_faces.ini in ezgenerator /webtemplates /___shared / font_faces.ini folder

edit this file with notepad, add name of each font you want to include on separate line :

 

3. in case you store fonts on your own server (1b) , make new folder in your project: 

project /web /documents /fonts and copy fonts files to this folder

 

DeliciousRoman

 

 

4. next time you open ezgenerator, your fonts should be available in list of fonts (at the bottom of list)

 

notice:

Internet Explorer only supports .eot type fonts

Firefox, Chrome, Safari, and Opera support .ttf and .otf type fonts.

 

if you need to support all browsers :

visit http://www.fontsquirrel.com/

with this service you can create all different font files and css rules

after this, copy font files to fonts folder (3.) and css rules to (1)

 

   


Print  posted by miro   CSS tags:  font-face • fonts   permalink
5 1


[home] 1-2 of 2


CATEGORIES



TAGS


RECENT ENTRIES