javascript - How to get non-standard font with effect in use of web site? -

The problem is, I need to get non-standard fonts (not everyone has it on my computer) ) With effect (from Photoshop): External brightness) I can use JavaScript (including jQuery) and CSS3 for this in the Web site, but it should be able to highlight the font as any text in the web. Any solutions?

P.S. Font: Titanium.

To be able to display Titillium fonts like any other text, you have to embed the font There are many online services in the webpage that can help you do this. Before embedding make sure that the license of the font allows you to embed the font, because some fonts do not allow.

Here's an example for font embedding using CSS3:

  @ font-face {font-family: 'titillium'; Src: url ('Titillium.eot'); Source: (Titillium), URL ('Titillium.tff') format ('True Type'), URL ('Titillum.') Format ('waft'), url ('titillium svg') format ('svg '); Font weight: normal; Font style: normal; }  

As you see above, there are different formats of the same fonts that I have kept. They are browser compatible eg: eot WOFF supported by Internet Explorer is a format that will be widely accepted by all browsers soon. Many online converters are available for converting a font.

• Mozilla Firefox: Version: 3.5+

Li> Google Chrome: version 4.249.4 +

• Apple Safari: Version 3.1 +
• Opera 10.5 +
• Microsoft Internet Explorer: Version 4+

This is the brightness effect that I always use Use in projects :)

HTML

  & lt; Span id = "glow" & gt; Hello World & lt; / Span & gt;  

css

  # glow {font-weight: bold; Text-shadow: 0 1 px rgba (255, 255, 255, 0.6), 0 10 px rgba (73, 167, 21, 9, 0.5), 0 30 px rgba (92, 214, 255, 0.7), 075px RGBA (92, 214, 255, 0.8); }