Custom fonts are not viewed properly on other PC's


Author Message
Daniel

Posted: 5/12/2009
Quote message 

I used the "federation" font when building my template, creating a new font set and saving it. Although everything works fine on my computer and all the browsers, when I access my site through a different computer, the font goes back to the default. I'm guessing it's because they don't have the font installed on their PC, but then what would be the point on using custom fonts in Artisteer?

Anyone have any insight into this?
 
audra

Posted: 5/12/2009
Quote message 

I had the same situation - to my understanding it's caused by windowsxp versus windows vista (vista supports a lot more fonts then xp)
 
Luc

Posted: 5/12/2009
Quote message 

I don't think it has anything to do with a difference between Windows Xp and Vista.

If the fonts that you use in your template are not installed on the computer used to access the website, the browser cannot render them, and they will be replaced by default ones.

That is why should limit yourself to common fonts that are likely to be installed on every computer: Times, Helvetica (or their clones Times New Roman and Arial), Verdana, Courier, ...

I don't think many people will have the "federation" font on their computer, so if you use it for your template, others will probably not see the webpages the way you intended.
 
Marc A. Ross

Posted: 5/12/2009
Quote message 

You could use an SIFR implementation to embed your "custom" fonts into your Joomla pages. I do it all the time.
 
audra

Posted: 5/12/2009
Quote message 

I don't think fonts comes with computer - it comes with it's operating system. So it's up to witch operating system supports witch fonts... And I don't think it's major priority to people to import fonts to their computer's operating systems
 
Brian K

Posted: 5/21/2009
Quote message 

Using any font other than those listed below may cause unintended display problems as the viewers browser will render to their installed default font. For best design control you should always list a common font at the end of your string as css will attempt to display from first to last and then finally default.

ie:

body { font-family: Verdana, Helvetica, Arial, sans-serif; }


Most Common Fonts:

Sans-Serif: (best for online)
* Arial
* Geneva
* Helvetica
* Lucida Sans
* Trebuchet
* Verdana

Serif:
* Garamond
* Georgia
* New York
* Times
* Times New Roman

Mono Spaced: (mostly for code examples)
* Courier
* Courier New
* Lucida Console
* Monaco



(_!_)

 
Garry

Posted: 7/1/2009
Quote message 

It is positive point if Artsiteer provides so many fonts options so that if some one have installed the implemented font on his machine they will work.
 
Adam

Posted: 7/10/2009
Quote message 

If you've used any HTML editing apps, you'll most likely see every font available on your system as well. At least Artisteer was helpful enough to separate the web-safe fonts on top titled "Web Fonts" and the rest under "System Fonts."
 
Rosemary

Posted: 7/10/2009
Quote message 

Hi Adam,

I don't see where you see this list in Artisteer. Can you tell me where to look for it?

Thanks,
Rosemary

Quote Adam:

If you've used any HTML editing apps, you'll most likely see every font available on your system as well. At least Artisteer was helpful enough to separate the web-safe fonts on top titled "Web Fonts" and the rest under "System Fonts."



 
Paige

Posted: 9/8/2009
Quote message 

I am new to Aristeer. How do you embed fonts so everyone sees the font you designed in the website?
 
Steve

Posted: 10/9/2009
Quote message 

Quote Paige:

I am new to Aristeer. How do you embed fonts so everyone sees the font you designed in the website?


If they are custom fonts you will want to use dynamic rendering along with a sifr plug in to render these fonts on a pc that doesn't have the font. If the font is common enough such as Arial,Helvitica,etc then there is no need to use sifr. Sifr is a freeware module that allows any CSS defined element in your theme to render any font that is either installed or not installed on the connecting PC properly using the inherent flash plugin of the browser. The more sifr rules you render on your site the slower your site loads.

http://drupal.org/project/render


I have ran into issues using sifr with the art-button-wrapper element (basically menus and buttons) defined in the style.css doc of the theme I built with Artisteer. But header text and content works fine.


 
Cape

Posted: 9/5/2011
Quote message 

assuming you have the right to use the font in your website you can do the following :

include this in your CSS-options (export options)

@font-face

{
font-family: "My Font";
src: url('folder where your store the eot font/My Font.eot') format('embedded-opentype'),
url('folder where your store the ttf font/My Font.ttf') format('truetype')
}


Next you will have to upload the fontfiles to your server. There are some tools out there to convert ttf files into eot files (IE needs eot files).

In Artisteer don't use toomuch Bold and Italic markup because the rendering could get fancy...
 
Gianluca

Posted: 2/4/2013
Quote message 

Just a quick question to Cape - how can one only apply the font-face to the header fonts used in a template and not the entire font of the website?

Regards