An HTML question (Full Version)

All Forums >> [Casual Banter] >> Off the Grid



Message


Termyn8or -> An HTML question (7/19/2009 10:05:37 AM)

I have this really cool font called jolt.ttf. I picked it up in a program many years ago, I would say it is in public domain by now, over ten years at least.

Like a webpage that prompts the user to download flash or something, is there a way I can make the browser at least temporarily use this font ? It's really cool, it looks like the letters are made out of lightening bolts. And if I can do this in regular HTML, can I do it here ?

Mods, if you deem this post in need of moving fine, but I could think of no better place to ask this question.

T




MistressWolfen -> RE: An HTML question (7/19/2009 12:20:10 PM)

this text is in the jolt font

Nope it didn't work Termyn8or
ahhh well




TurboJugend -> RE: An HTML question (7/19/2009 12:38:54 PM)

quote:

ORIGINAL: MistressWolfen

this text is in the jolt font

Nope it didn't work Termyn8or
ahhh well



I think the server and/or viewers need the same font too

<p>
<font size="2" face="Verdana">
This is a paragraph.
</font>
</p>

<p>
<font size="3" face="Times">
This is another paragraph.
</font>
</p> 


this works in the journal on the front page

but one needs to have the font..I think




MistressWolfen -> RE: An HTML question (7/19/2009 12:56:29 PM)

yes I agree TurboJugend, tried it on the other side and it worked just fine.




DomKen -> RE: An HTML question (7/19/2009 1:15:20 PM)

A browser only uses the fonts installed on the computer in question. Standard practice is to name a specific font in the CSS and then to name a font family with similiar characteristics for use if the named font isn't available.

TTF is truetype fonts and is only supported on windows.

Also there are at least two fonts named jolt. One is made with stylized lightning bolts and the other is san serif that tries to look handwritten. Specifying jolt alone would likely get you the stylized one while jolt normal is the base name of the other.




MistressWolfen -> RE: An HTML question (7/19/2009 1:17:08 PM)

AHH HA thanks Ken *makes quick note to self*




Termyn8or -> RE: An HTML question (7/20/2009 1:44:18 AM)

FR

So it boils down to I can't do it. I just thought I could make it like a plugin for a browser. So much for that I guess.

Thanks, I'll just turn my attention to something more fruitworthy like rabblerousing around here. I guess if I wanted to go through the trouble I could make the characters a bunch of GIFs or something and simply display them in sequence.

Actually though I do like the font, and after I put it in right it was available in word processors. From there you could actually make it bold or italicize it. Being a TTF file, Windows based word processors seem to pick up on it, it seems that it may work in other OSes as well. You can have it for the asking, but if there is a copyright I am not to be held responsible if it is used.

T




shallowdeep -> RE: An HTML question (7/20/2009 3:27:30 AM)

quote:

ORIGINAL: DomKen

A browser only uses the fonts installed on the computer in question. Standard practice is to name a specific font in the CSS and then to name a font family with similiar characteristics for use if the named font isn't available.

TTF is truetype fonts and is only supported on windows.

Some corrections:

Web font support is still evolving, but the @font-face CSS rule allows for a linked font to be used in rendering a page with no need to install it locally. Firefox 3.5 and Safari 3.1 and later support use of TrueType fonts with the @font-face rule, which would allow the OP to do what he wants.

As a historical note, TrueType was actually developed by Apple, not Microsoft, and is still fully supported on the Macintosh platform. It also has support in some Linux distributions.

Some more information on the font-face rule and using it:




DomKen -> RE: An HTML question (7/20/2009 7:18:44 AM)

font-face downloads is part of CSS3. CSS3 is not supported by any large percentage of browsers, Safari is the only one I'm aware of that passes ACID3.

If you try and use font-face now you will have the problem that IE only accepts EOT fonts which doesn't work else where.




Termyn8or -> RE: An HTML question (7/20/2009 2:13:11 PM)

Intersting (as usual). So some browsers might do it, just don't bet my life on it. What would other browsers do ? Would they just substitute the default font then ? Or would they go into knipshits and say "this page cannot be displayed" or something like that.

Once I get all my computers back on the network I could test this, but right now my stuff is in shambles as I have moved in, but the previous occupant didn't move out, that is I got two housefuls of stuff in one house.

You might understand why I want to use this font, as I work in the electronics field. I also do some electrical work. Maybe I don't want to use it, like one night over a few beers we were joking and thinking of calling a company Overkill Electric. That because when I wire a house it is always more than adequate. However using the word "kill" just doesn't seem to be the best idea :-). I mean if I walk in you are getting top notch wiring and it does not matter if all you have is a fridge, a table radio and two lamps. The thing is when you do plug in an arc welder you are not going to have any problems. Thus the name fits, but the idea was nixed.

I remember reading old (?) books on HTML and alot of them had workarounds for the limitations of the protocol at that time. I remember there used to be a <blink> tag and I think it was declared to be the f'ing annoying thing in the world. But I think it would do well with jolt.ttf. However I believe that tag was dropped eventually, so my only option there would be an animated GIF.

Maybe the next generation of HTML will make it easy. Time will tell.

T




DomKen -> RE: An HTML question (7/20/2009 2:57:18 PM)

Simple answer is the browser would use one of the alternatives provided in the CSS or the default font. You would not get 'page can not be displayed,' browsers are not allowed to fail quite so catastrophically unless the page is really messed up.

More complicated answer is if you want to really learn the ins and outs of CSS and javascript you should be able to write a script that detects which browser is requesting the page and modify the CSS for the specific browser. If a pro is designing the site it should be possible for him to do it but for an amatuer its a lot of time and effort.

If its just a company logo or the like I strongly recommend you instead get an image of the logo and simply display the pic in an image tag.

BTW blinking text is really really annoying and is one sure way todrive business away from a site.




Termyn8or -> RE: An HTML question (7/20/2009 4:57:01 PM)

So my short conclusion at this time is that it would be better to make it an image and if I want it to blink use a gif editor. I had one but can't find it, but how hard can it be to get it again ? The one I had would let you define how many milliseconds each frame would take, so I could make it just flicker like, rather than using the blink tag which probably has no such options.

I have only written a few pages, I have never used the blink tag. Thank me later lol. But just reading about the blink tag in an old book about it brought to my mind ; Who the hell would want that ?

Making it a graphic is no problem, I have a program that will do a screen capture from anything, and I mean anything. It respects nothing. Right then left click within one second at the corner of what you want and it will get it. I mean anything, even Mediaplayer in fullscreen mode. Disabling right click on a page doesn't phase me either, it still works. I can even work around that by saving the whole page and opening images "raw" so to speak. No matter what, I got what I wanted. Once I got the capture, blink is not the only option. I can make it change color or get bigger or smaller, whatever.

Perhaps that is the best bet because it should be totally platform independent. Really, if you got a browser that can't take a GIF you got no browser. I have corresponded with webguys before, and one of their concerns is just that, as well as how something looks at different screen resolutions.

Something just accurred to me ; I can download an executable, possibly a virus. I can download all kinds of bad shit if I am not careful like spyware etc., all that. But I can't download a temporay font ? What brainiac thought this up ?

My first thought would be Bill Gates, but Al Gore is a politician so I am going with that.

T




DomKen -> RE: An HTML question (7/20/2009 5:18:04 PM)

actually the html and www standards were developed by a committee dominated by europeans.

The original idea was to isolate the stuff the browser downloads from the rest of the computer. So it was originally just text and a few image formats. Expanding it with stuff like active x and flash is what opened the door to getting viruses and spyware from websites.




shallowdeep -> RE: An HTML question (7/20/2009 5:42:39 PM)

If it's purely for a logo, I'd agree that an image is probably the easiest and most compatible way to go. That said, using a linked font for longer text has advantages in terms of search and accessibility... not to mention it avoids headaches from image color profiles.

At present, a .ttf font can be used with the latest versions of Safari or Firefox; Opera supposedly plans support with v10.0, and some Chrome betas have had support enabled too, I think. To get it to work with IE, you would need to convert the TrueType font to Embedded OpenType (EOT) and create a separate CSS rule for IE. If the rules are ordered properly, there is no need for an explicit browser user agent check with Javascript, so it's possible to implement knowing only some HTML and CSS, but it could be more straightforward. If you are interested, you can see some cross-platform information and code (look at the "C'mon, is it Really that Simple" section).

As DomKen noted, if a browser doesn't support @font-face, it will degrade "gracefully" by substituting alternate fonts, not break. You can specify common, web-safe fonts to use as alternatives and ensure that your page still looks decent with them.

As to why it's taken so long too get even this close to standardized web font support, who knows... both IE and Netscape tried awhile ago, but incompatible, proprietary implementations and, perhaps, font licensing concerns doomed things. Perhaps it's finally on the right track, though...

Finally, while aesthetics are personal, I have to agree that <blink>-like effects died for a reason.




MusicalBoredom -> RE: An HTML question (7/20/2009 7:49:33 PM)

An image would have to be created on the server and sent to the browser.  There are several PHP scripts that use image magic (an open source command line graphics engine) to generate an image on the fly using a TTF font and then return the image to the browser as the response to the client request.  Short answer is yes there is a browser/os independent way to do exactly what you want to do but it's not by sending the font file to the brower.  Feel free to cmail for more info.




Page: [1]

Valid CSS!




Collarchat.com © 2025
Terms of Service Privacy Policy Spam Policy
0.046875