Technologies that allow custom fonts (to some extent) in web pages:
Scalable Inman Flash Replacement (sIFR) http://www.mikeindustries.com/blog/sifr/
Requires both JavaScript and Flash
Flash is used to display the font
Supported by all major web browsers
typeface.js http://typeface.neocracy.org/
JavaScript has to be enabled
One or more images are generated in the web browser
Supported by all major web browsers
True Font Family http://www.truefontfamily.com/
JavaScript has to be enabled
An image is generated on the server
Supported by all major web browsers
Netscape Navigator (version 4 and 5)
Netscape had it’s own solution (TrueDoc from Bitstream) but discontinued it.
Safari (since version 3.1)
Cascading Style Sheets level 3 (CSS3)
Through the @font-face rule (downloads fonts to the client)
Opera (soon)
Opera will soon reveal it’s improved support for web fonts. I don’t know the details, but this article might be very related: http://www.alistapart.com/articles/cssatten
I have a question about using typeface.js with fonts created using High-Logic. I tried to upload one using the converter on the typeface.js site, but it said that the author of the font had chosen to disallow embedding. I have talked with the author who assures me he has done nothing in particular to restrict this. Does anyone know what needs to be done in High-Logic to make the typeface.js site allow it?
Is that the typeface.js site to which you refer please?
FontCreator does have a facility in a panel named “Font embedding - Licensing rights” where various flags can be altered, FontCreator providing a default setting, so that is perhaps the right place to be looking and trying some experiments. That panel is on a larger panel, which panel can be accessed using Format Settings… General and then it is on the right-hand-side just less than half-way down the panel.
Error: This font’s vendor has indicated that it is not permissible to embed this font.
So, edit CHRONEX1.TTF and switch off the one font embedding flag that is presently switched on.
Try the conversion again.
It works.
CHRONEX1.TTF
chronicle_text_regular.typeface.js
So, I have produced a font for the typeface.js system and I do not know how to use it at the time of writing this note!
Anyway it appears that I have solved the original problem.
If you or any other reader wants to use the chronicle_text_regular.typeface.js then I am happy for that use to take place.
Today FontLab released a sIFR based product, Photofont WebReady. It allows you to use any font you want on your web pages. It supports colors and transparency.
I haven’t tried it myself, but it seems the technique related to TrueType and OpenType fonts is similar to CoffeeCup Website Font. However Photofont WebReady also allows you to embedded a web photofont (a bitmap-based Flash font object).
You need to know how to write CSS to add custom fonts to your own web pages.
Added Web font support, allowing the download of fonts specified in font descriptors in @font-face at-rules; TrueType (TTF), OpenType (OTF), and SVG fonts are supported
My present knowledge of HTML is fairly basic, I have never used a stylesheet at all.
I clearly have a huge learning curve over producing modern web pages.
In order to get me started, as my goal here is to produce and use a web font, could you possibly show me the source code to produce the following please?
The word STONES large and in grey on one line with the words WEB FONT in a smaller size on the next line in blue, both lines using a web font named StonesWebfont.
I think that I am going to need the following somewhere within the code.
This discussion probably doesn’t really belong on the High-Logic forum, but since we’re here: after copying the above code to the Windows clipboard, go to the Insert menu in PPX5, choose ‘Web Object > HTML…’ and paste the copied code into the Head Code section of the dialog. Unless you’ve loaded a font named ‘StonesWebfont’ before running PagePlus, you won’t be able to select that font from the relevant dropdown menu and you will therefore need to edit the HTML after publishing.
I was thinking that I would need to write the HTML code directly, or maybe have used WebPlus X5 in some way. I did not know that I could use PagePlus X5.
I had not thought at all that I would need to install the woff font on the PC.
I didn’t know you had WebPlus X5. You could do much the same there, but with the added advantage that you would be able to switch to Source View and add a new character style manually, thus obviating the need to have the font installed on your PC.
I am beginning to think that that is because a .woff font is not meant to be used from the Fonts folder.
I am thinking that I made a mistake by making StonesWebfont as the .woff web font version of the .ttf font Stones and that I should have made a .woff font Stones so that I had two font files, one .ttf and one .woff, each having the same font name.