There are two ways of setting the fonts on a webpage.
1 - You can specify the font within the html - which is what you get if you generate html using MS Word or MS Publisher. This will then use the font specified - but only if it's been installed on the computer that is browsing the site.
Many sites specify 'Arial', and then a couple of similar fonts in case you, the viewer. don't have them on your machine.
2 - However, as Baldric is using unusual fonts which the 'average viewer' will not have (e.g JSL Ancient), I've generated picture files (gifs) of the text which Baldric wanted to look a particular way.
Apart from the 'Once upon a time' picture (which I had to scan separately), I've generated gif files through MS Publisher, so if you want to try his at home, this is the
Step by step guide
1 - Make your text look the way you want it to in MS Publisher (this should be inside a text box, which seems to be the default). Ypu may want to save each stage with a new name as you go along.
If your pretty font text is in MS Word you should be able to bring this in to MS Publisher with one of it's 'Import' or 'get text from file' options.
Note - spaces remain spaces, whilst tabs get removed, so if you want columns, either use a table, or pad out with spaces - the opposite of the usual 'best practice'.
2 - Put a border round the text box - on mine this is from the 'Format' menu - other versions of MS Publisher may vary.
3 - From the File menu, use 'Create Web Site from the current Publication' and when it pops up a message saying that it's creating a graphic file because there's a border round the text, tell it to 'Ignore' and ' Continue', because you want it to create a graphic.
It may also say that the graphic is large and may take time to download - Ignore/Continue that as well - you can edit the picture file after it's been generated.
4 - Again from the File menu - 'Publish Web Site to Folder' and put it on a local hard drive (usually C, but neither mine nor Baldric's was)
5 - Check that some files have been created as html and a gif. Also check that the gif has something in it - you can 'click' on the html file and see what you get - if it's OK then just save everything and close Publisher. Technology doesn't always work - go back a step and see if you saved something that looked Ok as a publisher file. Maybe close down your PC/Apple Mac and take a break, then give it another go.
6 - Fiddle with your graphic file to get it how you want, with whatever software you have that you can work - I used MGI Photosuite which came with a scanner, but then I'm doing this at home in my spare time, with no training beyond what it said in a 'Teach Yourself HTML' book and lot's of trial and error.
Also note that whilst the lettering that Baldric wanted to look a particular way have been created as picture files, the main text will be in whichever font your browser is set to read, so you should be able to change it if you want to.
You may also notice that if you 'hover' the mouse over the picture you get some weird test explanation - which is what a browser for the blind will read out. There is probably a lot more that needs to be done to make any of the sites I've built work well with browsers for the blind, I just haven't got my head round it all yet.
|Return to Baldric Press Home Page||Return to Typographical Twitterings Index Page|
If you would like to contact me, please send an e-mail to webmistress "at" thebaldricpress "dot" com (replacing the word "at" with the symbol "@" and the word "dot" with the symbol "." leaving no spaces - I've put it like this to avoid spam spiders!)
Copyright - Marion Byott - September 2004
Page created - September 2004
No graphics files were found guilty during the making of this website, although some of them were sternly reprimanded.