The black and white versions of the patter need to support using distinct symbols when

Embed font with better UTF-8 Support about image2pattern HOT 2 CLOSED

acrosman commented on June 27, 2024

Embed font with better UTF-8 Support

from image2pattern.

Comments (2)

acrosman commented on June 27, 2024

Roboto helped some, but mostly things improved by moving to a much smaller range of characters. The list of symbols is still too large for Roboto. More work could be done to comment out ranges that are outside Roboto's character set, find a font with more support for non-European languages, and ideally add character ranges that add more options while being unlikely to lead to user confusion (people unexperienced with the languages need to be able to tell the difference between the symbols easily).

Existing ranges:

image2pattern/src/image2pattern.js

Lines 110 to 139 in 0f0aaed

 const symbolRanges = [ 

 { start: 0x003C, stop: 0x005C }, // Capital letters and a few marks. 

 { start: 0x00A1, stop: 0x00B7 }, // Standard signs and symbols. 

 { start: 0x03A8, stop: 0x03EE }, // Greek letters. 

 { start: 0x0531, stop: 0x0556 }, // Armenian letters. 

 // TODO: find an font that includes these marks and revisit if they could be used. 

 // { start: 0x2600, stop: 0x26AF }, // Miscellanious Symbols. 

 // { start: 0x2200, stop: 0x22FF }, // Math Operators. 

 // { start: 0x2B00, stop: 0x2B2F }, // Miscellanious Symbols and arrows. 

 ]; 

 // Some symbols are too similar to others, or are political in nature and so are 

 // removed to avoid frustrtion of confusion. 

 const skipSymbols = [ 

 String.fromCodePoint(0x00AD), String.fromCodePoint(0x03D3), 

 String.fromCodePoint(0x03D4), String.fromCodePoint(0x03D9), 

 String.fromCodePoint(0x03DB), String.fromCodePoint(0x03DD), 

 String.fromCodePoint(0x03DF), String.fromCodePoint(0x03E0), 

 String.fromCodePoint(0x03E3), String.fromCodePoint(0x03E4), 

 String.fromCodePoint(0x03E9), String.fromCodePoint(0x03E8), 

 String.fromCodePoint(0x03EB), String.fromCodePoint(0x03EC), 

 // TODO: When the rest of the code points above are restored, restore these as well. 

 // String.fromCodePoint(0x2620), String.fromCodePoint(0x262D), 

 // String.fromCodePoint(0x2673), String.fromCodePoint(0x2674), 

 // String.fromCodePoint(0x2675), String.fromCodePoint(0x2676), 

 // String.fromCodePoint(0x2677), String.fromCodePoint(0x2678), 

 // String.fromCodePoint(0x2679), String.fromCodePoint(0x267C), 

 // String.fromCodePoint(0x269D), String.fromCodePoint(0x269E), 

 // String.fromCodePoint(0x269F), 

 ];

from image2pattern.

acrosman commented on June 27, 2024

Replaced Roboto with DejaVu which has support for all characters in the current space and several others.

from image2pattern.

Embed font with better UTF-8 Support about image2pattern HOT 2 CLOSED

Comments (2)

Related Issues (19)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

	const symbolRanges = [
	{ start: 0x003C, stop: 0x005C }, // Capital letters and a few marks.
	{ start: 0x00A1, stop: 0x00B7 }, // Standard signs and symbols.
	{ start: 0x03A8, stop: 0x03EE }, // Greek letters.
	{ start: 0x0531, stop: 0x0556 }, // Armenian letters.
	// TODO: find an font that includes these marks and revisit if they could be used.
	// { start: 0x2600, stop: 0x26AF }, // Miscellanious Symbols.
	// { start: 0x2200, stop: 0x22FF }, // Math Operators.
	// { start: 0x2B00, stop: 0x2B2F }, // Miscellanious Symbols and arrows.
	];

	// Some symbols are too similar to others, or are political in nature and so are
	// removed to avoid frustrtion of confusion.
	const skipSymbols = [
	String.fromCodePoint(0x00AD), String.fromCodePoint(0x03D3),
	String.fromCodePoint(0x03D4), String.fromCodePoint(0x03D9),
	String.fromCodePoint(0x03DB), String.fromCodePoint(0x03DD),
	String.fromCodePoint(0x03DF), String.fromCodePoint(0x03E0),
	String.fromCodePoint(0x03E3), String.fromCodePoint(0x03E4),
	String.fromCodePoint(0x03E9), String.fromCodePoint(0x03E8),
	String.fromCodePoint(0x03EB), String.fromCodePoint(0x03EC),
	// TODO: When the rest of the code points above are restored, restore these as well.
	// String.fromCodePoint(0x2620), String.fromCodePoint(0x262D),
	// String.fromCodePoint(0x2673), String.fromCodePoint(0x2674),
	// String.fromCodePoint(0x2675), String.fromCodePoint(0x2676),
	// String.fromCodePoint(0x2677), String.fromCodePoint(0x2678),
	// String.fromCodePoint(0x2679), String.fromCodePoint(0x267C),
	// String.fromCodePoint(0x269D), String.fromCodePoint(0x269E),
	// String.fromCodePoint(0x269F),
	];