Web typography - Revision history

Karl Jones: /* External links */

2018-07-31T11:52:11Z

‎External links

Karl Jones at 14:04, 1 June 2017

2017-06-01T14:04:52Z

Karl Jones: /* External links */

2017-06-01T14:03:43Z

‎External links

Karl Jones: /* See also */

2016-05-13T17:12:03Z

‎See also

Karl Jones: /* External links */

2016-04-25T01:22:17Z

‎External links

Karl Jones at 14:33, 31 August 2015

2015-08-31T14:33:59Z

Karl Jones: Google Fonts

2015-07-03T00:37:18Z

Google Fonts

Karl Jones: Typography

2015-05-24T18:48:21Z

Typography

Karl Jones: l

2015-05-24T18:47:26Z

Karl Jones: Def

2015-05-11T13:38:16Z

Def

New page

'''Web typography''' refers to the use of fonts on the [[World Wide Web]].

When [[HTML]] was first created, font faces and styles were controlled exclusively by the settings of each Web browser.

There was no mechanism for individual [[Web page|Web pages]] to control font display until Netscape introduced the <font> tag in 1995, which was then standardized in the HTML 2 specification.

However, the font specified by the tag had to be installed on the user's computer or a fallback font, such as a browser's default sans-serif or monospace font, would be used.

The first Cascading Style Sheets specification was published in 1996 and provided the same capabilities.

The CSS2 specification was released in 1998 and attempted to improve the font selection process by adding font matching, synthesis and download. These techniques did not gain much use, and were removed in the CSS2.1 specification.

However, Internet Explorer added support for the font downloading feature in version 4.0, released in 1997.

Font downloading was later included in the [[CSS3 fonts module]], and has since been implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently increased interest in Web typography, as well as the usage of font downloading.

== External Links ==

* [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia

@@ Line 45: / Line 45: @@
 * [https://boingboing.net/2016/10/19/popular-design-guides-are-resp.html Popular design guides are responsible for plague of grey type] @ Boing Boing
 * [http://contrastrebellion.com/ Contrast Rebellion] - "Low-contrast font color and unreadable texts? To hell with them!"
 [[Category:Computing]]

@@ Line 44: / Line 44: @@
 * [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia
 * [https://boingboing.net/2016/10/19/popular-design-guides-are-resp.html Popular design guides are responsible for plague of grey type] @ Boing Boing
+* [http://contrastrebellion.com/ Contrast Rebellion] - "Low-contrast font color and unreadable texts? To hell with them!"
 [[Category:Computing]]

← Older revision		Revision as of 14:03, 1 June 2017
Line 43:		Line 43:

	* [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia		* [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia
		+	* [https://boingboing.net/2016/10/19/popular-design-guides-are-resp.html Popular design guides are responsible for plague of grey type] @ Boing Boing

← Older revision		Revision as of 17:12, 13 May 2016
Line 16:		Line 16:

	Font downloading was later included in the [[CSS3 fonts module]], and has since been implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently increased interest in Web typography, as well as the usage of font downloading.		Font downloading was later included in the [[CSS3 fonts module]], and has since been implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently increased interest in Web typography, as well as the usage of font downloading.
		+
		+	== Alternatives ==
		+
		+	A common hurdle in Web design is the design of mockups that include fonts that are not Web-safe. There are a number of solutions for situations like this.
		+
		+	One common solution is to replace the text with a similar Web-safe font or use a series of similar-looking fallback fonts.
		+
		+	Another technique is image replacement. This practice involves overlaying text with an image containing the same text written in the desired font. This is good for aesthetic purposes, but prevents text selection, increases bandwidth use, and is bad for search engine optimization.
		+
		+	Also common is the use of Flash-based solutions such as sIFR. This is similar to image replacement techniques, though the text is selectable and rendered as a vector. However, this method requires the presence of a proprietary plugin on a client's system.
		+
		+	Another solution is using Javascript to replace the text with VML (for Internet Explorer) or SVG (for all other browsers).
		+
		+	Font hosting services allow users to pay a subscription to host non-Web-safe fonts online.
		+
		+	Most services host the font for the user and provide the necessary @font-face CSS declaration.

	== See also ==		== See also ==

← Older revision		Revision as of 01:22, 25 April 2016
Line 27:		Line 27:

	* [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia		* [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia
		+
		+
		+	[[Category:Computing]]
		+	[[Category:Typography]]
		+	[[Category:Web design]]
		+	[[Category:Web design and development]]

@@ Line 1: / Line 1: @@
 '''Web typography''' refers to the use of fonts on the [[World Wide Web]].
 When [[HTML]] was first created, font faces and styles were controlled exclusively by the settings of each Web browser.
@@ Line 17: / Line 19: @@
 == See also ==
 * [[Google Fonts]]
 * [[Typography]]
 == External links ==
 * [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia

← Older revision		Revision as of 00:37, 3 July 2015
Line 17:		Line 17:
	== See also ==		== See also ==

		+	* [[Google Fonts]]
	* [[Typography]]		* [[Typography]]

@@ Line 15: / Line 15: @@
 Font downloading was later included in the [[CSS3 fonts module]], and has since been implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently increased interest in Web typography, as well as the usage of font downloading.
-== External Links ==
+== External links ==
 * [https://en.wikipedia.org/wiki/Web_typography Web typography] @ Wikipedia