mamzellejuu

THIS GIST IS NOW A COMMUNITY MANAGED REPOSITORY. CLICK HERE TO BE TAKEN TO THE NEW LOCATION!

#Techniques for Anti-Aliasing @font-face on Windows

It all started with an email from a client: Do these fonts look funky to you? The title is prickly.

The font in question was Port Lligat Sans from Google Web Fonts.

The "prickly" is aliasing caused by lack of hinting

	// Ported from Stefan Gustavson's java implementation
	// http://staffwww.itn.liu.se/~stegu/simplexnoise/simplexnoise.pdf
	// Read Stefan's excellent paper for details on how this code works.
	//
	// Sean McCullough banksean@gmail.com

	/**
	* You can pass in a random number generator object if you like.
	* It is assumed to have a random() method.
	*/

	/**
	* jQuery.support.cssProperty
	* To verify that a CSS property is supported
	* (or any of its browser-specific implementations)
	*
	* @param p css property name
	* @param rp optional, if set to true, the css property name will be returned
	* instead of a boolean support indicator
	* @return {mixed}
	*

	// browser history with HTML5 support
	(function() {
	var loc = window.location,
	pushSupport = !!(window.history && window.history.pushState),
	hashStrip = /^#*/;

	// add HTML5 support to Backbone.history, drop the old IE stuff
	_.extend(Backbone.History.prototype, {

	getFragment : function(l) {

	define(function(){
	var instance = null;

	function MySingleton(){
	if(instance !== null){
	throw new Error("Cannot instantiate more than one MySingleton, use MySingleton.getInstance()");
	}

	this.initialize();
	}

	/* Following canvas-based Perlin generation code originates from
	* iron_wallaby's code at: http://www.ozoneasylum.com/30982
	*/
	function randomNoise(canvas, x, y, width, height, alpha) {
	x = x \|\| 0;
	y = y \|\| 0;
	width = width \|\| canvas.width;
	height = height \|\| canvas.height;
	alpha = alpha \|\| 255;
	var g = canvas.getContext("2d"),

	<!doctype html>

	<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->

	<html>
	<head>
	<title>iOS 8 web app</title>

	<!-- CONFIGURATION -->

	/**
	* A function to take a string written in dot notation style, and use it to
	* find a nested object property inside of an object.
	*
	* Useful in a plugin or module that accepts a JSON array of objects, but
	* you want to let the user specify where to find various bits of data
	* inside of each custom object instead of forcing a standardized
	* property list.
	*
	* @param String nested A dot notation style parameter reference (ie "urls.small")

	// Facebook Social Tracking
	window.fbAsyncInit = function() {
	FB.init({
	appId : '123456789', // ENTER your FB App ID
	channelUrl : 'WWW.YOUR_DOMAIN.COM', // Channel File
	status : true, // check login status
	cookie : true, // enable cookies to allow the server to access the session
	xfbml : true // parse XFBML
	});