SVG Icons in WordPress: Difference between revisions

Line 15:

*CorelDraw: Yup, exports as curves. But good luck finding the glyph in a font that has 5000 plus glyphs. Search? Corel never heard of that word.

=== Final Thought (Actually a Premature Ending to this Subject) ===

===Final Thought (Actually a Premature Ending to this Subject)===

I'm giving up. I was working on a specific "Font" titled "Material Design Icon", which contains a bunch of glyphs in the Private Use Unicode Range. Could not get anything to work. Character Map from Windows couldn't see a character map (which goes a long way in explaining why entering a Unicode Value for... Wait, just got something.

=== Convoluted Solution ===

===Convoluted Solution===

* Open original Font in FontForge (WOFF, TTF, whatever version)

*Open original Font in FontForge (WOFF, TTF, whatever version)

* Under Element, Font Info, Change the Name to something unique, even a simple as adding a '2' after all the different names (yup, all fonts have more than one name, the important one here is Unique ID under TTF, but thankfully changing the name under PS also changes the name in most places under TTF)

*Under Element, Font Info, Change the Name to something unique, even a simple as adding a '2' after all the different names (yup, all fonts have more than one name, the important one here is Unique ID under TTF, but thankfully changing the name under PS also changes the name in most places under TTF)

* Generate the font: File, Generate Font, select TTF, give it a name, and under options, make sure to select generate Character Map, save it, ignore errors.

*Generate the font: File, Generate Font, select TTF, give it a name, and under options, make sure to select generate Character Map, save it, ignore errors.

* Install the Font

*Install the Font

* In MS Word, select the use the standard ALT + "Unicode Number of the Glyph on the Keypad in Decimal" (doesn't seem to work in PowerPoint, Corel, or anything else)

*In MS Word, select the use the standard ALT + "Unicode Number of the Glyph on the Keypad in Decimal" (doesn't seem to work in PowerPoint, Corel, or anything else)

* Save it as an HTM file, then open the HTM file in a web browser.

*Save it as an HTM file, then open the HTM file in a web browser.

* Copy that and paste into PowerPoint

*Copy that and paste into PowerPoint

* And it works!

*And it works!

* But too bad, because even PowerPoint's ability to save a picture as an SVG file doesn't work, so all of this was useless!

*But too bad, because even PowerPoint's ability to save a picture as an SVG file doesn't work, so all of this was useless!

* Insert tirade of four letter words here!

*Insert tirade of four letter words here!

=== MainType Software ===

This crap got so ludicrous that changing the cadence of ALT + Unicode Number on Keypad would produce different results. Four quick taps produces an exclamation mark. Four slow taps produces a club symbol. That's in CorelDraw. In Word the result is that it switches to a different font. WTF?

Here's an example of the Material Design Font: Male Gender Symbol, Offset in Character Map: 669, Unicode # F029D, Microsoft ALT + 11

===MainType Software===

One note on this: It messes up fonts with programs other than Microsoft programs. Installing a Font with Windows does no good. IE, other applications won't see the font. There might be an easy solution for this. But having that as the default behavior is messed up. Don't use the software.

@@ Line 15: / Line 15: @@
 *CorelDraw: Yup, exports as curves.  But good luck finding the glyph in a font that has 5000 plus glyphs.  Search?  Corel never heard of that word.
-=== Final Thought (Actually a Premature Ending to this Subject) ===
+===Final Thought (Actually a Premature Ending to this Subject)===
 I'm giving up.  I was working on a specific "Font" titled "Material Design Icon", which contains a bunch of glyphs in the Private Use Unicode Range.  Could not get anything to work.  Character Map from Windows couldn't see a character map (which goes a long way in explaining why entering a Unicode Value for...  Wait, just got something.
-=== Convoluted Solution ===
+===Convoluted Solution===
-* Open original Font in FontForge (WOFF, TTF, whatever version)
+*Open original Font in FontForge (WOFF, TTF, whatever version)
-* Under Element, Font Info, Change the Name to something unique, even a simple as adding a '2' after all the different names (yup, all fonts have more than one name, the important one here is Unique ID under TTF, but thankfully changing the name under PS also changes the name in most places under TTF)
+*Under Element, Font Info, Change the Name to something unique, even a simple as adding a '2' after all the different names (yup, all fonts have more than one name, the important one here is Unique ID under TTF, but thankfully changing the name under PS also changes the name in most places under TTF)
-* Generate the font: File, Generate Font, select TTF, give it a name, and under options, make sure to select generate Character Map, save it, ignore errors.
+*Generate the font: File, Generate Font, select TTF, give it a name, and under options, make sure to select generate Character Map, save it, ignore errors.
-* Install the Font
+*Install the Font
-* In MS Word, select the use the standard ALT + "Unicode Number of the Glyph on the Keypad in Decimal" (doesn't seem to work in PowerPoint, Corel, or anything else)
+*In MS Word, select the use the standard ALT + "Unicode Number of the Glyph on the Keypad in Decimal" (doesn't seem to work in PowerPoint, Corel, or anything else)
-* Save it as an HTM file, then open the HTM file in a web browser.
+*Save it as an HTM file, then open the HTM file in a web browser.
-* Copy that and paste into PowerPoint
+*Copy that and paste into PowerPoint
-* And it works!
+*And it works!
-* But too bad, because even PowerPoint's ability to save a picture as an SVG file doesn't work, so all of this was useless!
+*But too bad, because even PowerPoint's ability to save a picture as an SVG file doesn't work, so all of this was useless!
-* Insert tirade of four letter words here!
+*Insert tirade of four letter words here!
-=== MainType Software ===
+This crap got so ludicrous that changing the cadence of ALT + Unicode Number on Keypad would produce different results.  Four quick taps produces an exclamation mark.  Four slow taps produces a club symbol. That's in CorelDraw.  In Word the result is that it switches to a different font.  WTF?
+Here's an example of the Material Design Font: Male Gender Symbol, Offset in Character Map: 669, Unicode # F029D, Microsoft ALT + 11
+===MainType Software===
 One note on this: It messes up fonts with programs other than Microsoft programs.  Installing a Font with Windows does no good.  IE, other applications won't see the font.  There might be an easy solution for this.  But having that as the default behavior is messed up.  Don't use the software.