How to Make Your Font Glow
Glowing font is simply what its name implies-- a font that has a glowing effect. The way that the font-glow effect is created is through a HTML/CSS code that you use to control the color, strength and enable values, all of which affect your font glow. All of these elements are the common elements that you use to create the font glow of text, but they can be paired with other codes to create more intense fonts as well.
Other People Are Reading
Instructions
-
-
1
Open the HTML document to which you want to add font that glows. Copy and paste the following string of code into the place in your document where you want the glow text to appear:
<SPAN STYLE="filter:progid:DXImageTransform.Microsoft.Glow(Color=#FF0000, Strength=5); width:100%">This text is glowing</SPAN>.
The text you want to glow should be where "This text is glowing" statement is.
-
2
Change the color value to the color that you want your glow on your text to have.
-
-
3
Change the strength value in the code to what you want the size of your text in pixels to be.
-
4
Set the width value to 100% for best results, although if the font looks differently as you had in mind, you can tweak this value until you receive the results you expect.
-
5
Save your HTML document and then reopen it to examine your results.
-
1
Tips & Warnings
Make a header glow by placing the header style tags around the glow font code (e.g. <h1>glow font tag</h2>.
When you use a style tag, make sure that you always close the style tag, otherwise your code will not work. For example, if you don’t close the glow font tag by ending the tag with </SPAN>, the glow font will not work properly.
Font glow can only be seen on Internet Explorer browsers.
