?
Solved

Use of Non Standard Fonts on Web Interface

Posted on 2007-10-06
3
Medium Priority
?
462 Views
Last Modified: 2010-08-05
Hello All,

A client of ours wants to build a UI for client customization. Ok, no problem. However, he wants to be able to give the users the ability to change the fonts on the fly to any font he wants without using Flash.  Well, I have done a fair amount of research and I am at a loss for an acceptable solution to this.  I did find something similar where I can change an editor to fonts that are not installed on my system and they are displaying correctly, and I don't know how they are pulling it off.

Please take a look at this URL and let me know if you can figure out how they are doing this...
http://www.vistaprint.com/vp/ns/studio3.aspx?pf_id=084&cfs=-1&combo_id=21932&icparts=yes&combo1=3437.106.2.893%7c893%7c89%7c0&category_id=215&gallery_id=12&last_doc_id=-1&referer=http%3a%2f%2fwww.vistaprint.com%2fvp%2fns%2fgallery.aspx%3fpage_num%3d4%26g%3d12%26category_id%3d215%26basecolor%3d0%26search_keywords%3dEnter+any+keyword%26selNumDesigns%3d6%26index_designs%3d0

Thanks Much!
0
Comment
Question by:thebrainman
  • 2
3 Comments
 
LVL 51

Expert Comment

by:ahoffmann
ID: 20028288
> ..  to give the users the ability to change the fonts on the fly to any font he wants ..
this is a standard feature in any browser (back to NSCA Mosaic:), hence no need to program anything
0
 
LVL 2

Author Comment

by:thebrainman
ID: 20029012
Ok maybe I should have been a little more explicit.  I meant non system default fonts.  So basically any font should be able to be viewed on the screen no matter if the user has the font installed or not.  Take a look at the URL I had posted previously, because they are using fonts that I do not have installed in my system, but they are being displayed on my PC?

Thanks!
0
 
LVL 51

Accepted Solution

by:
ahoffmann earned 2000 total points
ID: 20029779
embeded fonts in HTML can be used as follows (just HTML snippets):

<LINK rel = "fontdef" src="url/YourFontName.pfr">
<!-- above is IE only, IIRC ... ->
...
<STYLE TYPE="text/css"><--!
@font-face {
  font-family: YourFont;
  font-style:   normal;
  font-weight: normal;
  src:url(http://www.domain.tld/YourFontName.eot);
}
--></STYLE>
<!-- EOT is embedded open text format -->
...
<font face="YourFont">
text displayed with your font
</font>
<!-- where the font tag is depricated now, but your're asking for non-standards anyway ;-) -->
0

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
A quick Powershell script I wrote to find old program installations and check versions of a specific file across the network.
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
The viewer will learn how to dynamically set the form action using jQuery.
Suggested Courses
Course of the Month16 days, 7 hours left to enroll

862 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question