Website Fonts
- Thread starter jtaah
- Start date
dyfuse
Member
- Messages
- 395
- Reaction score
- 0
- Points
- 16
Probably one of the easiest ways is to make a picture file (i.e. .jpg/.png/.gif) containing the text you want in the font you desire - which you can make with any basic drawing program. That way, just as long as your website visitors have a picture-enabled internet browser, then they can view the picture, and in turn, view the text in the font you want.
Anyway, I don't think many people would like to have to install all these additional fonts just to view your website
Anyway, I don't think many people would like to have to install all these additional fonts just to view your website
Slothie
New Member
- Messages
- 1,429
- Reaction score
- 0
- Points
- 0
This is a tough one
Since firefox and IE both have different ways of handling embedded fonts you'd have to create a javascript that'll detect the browser type and load the appropriate type.
On to the details~
Embed a Font for viewing in Internet Explorer
Please note that only IE4.0 or above have the capability to web pages with embedded fonts. Here are the steps:
Prepare an EOT (embedded Open Type) for the font you want to embed using Web Embeding Fonts Tool (WEFT). The WEFT can be downloaded at Microsoft Typography site. Link the EOT to web pages using CSS STYLE tag:
Embed a font for viewing in Netscape
This viewing capability is only available for Netscape 4.01 and later versions. Prepare a PFR ( Portable Font Resource) for the font you wish to embed using several tools such as HexWeb typography. Prepare your web page like this:
All in all, it'd probably be easier to just take a gif of any needed text if it isn't a whole bunch of it.
Since firefox and IE both have different ways of handling embedded fonts you'd have to create a javascript that'll detect the browser type and load the appropriate type.
On to the details~
Embed a Font for viewing in Internet Explorer
Please note that only IE4.0 or above have the capability to web pages with embedded fonts. Here are the steps:
Prepare an EOT (embedded Open Type) for the font you want to embed using Web Embeding Fonts Tool (WEFT). The WEFT can be downloaded at Microsoft Typography site. Link the EOT to web pages using CSS STYLE tag:
Code:
<HEAD>
<TITLE>My Page</TITLE>
<STYLE TYPE="text/css">
<!-- @font-face { font-family: “MRV Code39MA”;
font-style: normal; font-weight:normal;
src: url(http://www.mysite.com/fonts/mrv39ma.eot);
}
-->
</STYLE>
</HEAD>Embed a font for viewing in Netscape
This viewing capability is only available for Netscape 4.01 and later versions. Prepare a PFR ( Portable Font Resource) for the font you wish to embed using several tools such as HexWeb typography. Prepare your web page like this:
Code:
<HEAD>
<TITLE>My Page</TITLE>
<LINK REL=FONTDEF SRC="/fonts/mrv39ma.pfr">
</HEAD>All in all, it'd probably be easier to just take a gif of any needed text if it isn't a whole bunch of it.
- Messages
- 4,148
- Reaction score
- 5
- Points
- 38
You could take it a step further.
Make gifs for every character, upper and lower case.
Then prep a script that you feed the text string and it replaces the characters with the image of that character.
This would kill yours and the viewers bandwidth, but it would also stop people from copying and pasting any text from the page.
Edit:
It could be even taken as far as to imitate font sizes. You feed it a size and it resizes the images accordingly.
Make gifs for every character, upper and lower case.
Then prep a script that you feed the text string and it replaces the characters with the image of that character.
This would kill yours and the viewers bandwidth, but it would also stop people from copying and pasting any text from the page.
Edit:
It could be even taken as far as to imitate font sizes. You feed it a size and it resizes the images accordingly.
Last edited:
blitzkrieg
New Member
- Messages
- 324
- Reaction score
- 0
- Points
- 0
This isn't a very good idea if you have more than a few words in a page. Anyone without a good internet connection will take time to load your page and it will consume more bandwidth. You should just stick with default font type except titles which can be images.
dyfuse
Member
- Messages
- 395
- Reaction score
- 0
- Points
- 16
This is simply the easiest option in order to tackle the problem.
If jtaah is so intent on having the font viewable to visitors and can't be bothered preparing an embedded open type or 26 gifs of every letter of the alphabet, this is the simplest option!