-
Notifications
You must be signed in to change notification settings - Fork 3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
optimizing test using Modernizr.testStyles() as suggested by @ryanseddon
- Loading branch information
1 parent
6842556
commit 08bd778
Showing
1 changed file
with
14 additions
and
22 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,31 +1,23 @@ | ||
| /* | ||
| * Test for SubPixel Font Rendering | ||
| * (to infer if GDI or DirectWrite is used on Windows) | ||
| * Authors: @derSchepp, @gerritvanaaken, @rodneyrehm, @yatil | ||
| * Authors: @derSchepp, @gerritvanaaken, @rodneyrehm, @yatil, @ryanseddon | ||
| * Web: https://github.com/gerritvanaaken/subpixeldetect | ||
| */ | ||
| Modernizr.addTest('subpixelfont', function() { | ||
| var bool, | ||
| styles = "#modernizr{position: absolute; top: -10em; visibility:hidden; font: normal 10px arial;}#subpixel{float: left; font-size: 33.3333%;}"; | ||
|
|
||
| // see https://github.com/Modernizr/Modernizr/blob/master/modernizr.js#L97 | ||
| Modernizr.testStyles(styles, function(elem) { | ||
| var subpixel = elem.firstChild; | ||
|
|
||
| Modernizr.addTest('subpixelfont', function() { | ||
| var container = document.createElement('div'), | ||
| inner = document.createElement('div'), | ||
| hasSubpixelFontRendering; | ||
| subpixel.innerHTML = 'This is a text written in Arial'; | ||
|
|
||
| // style and content | ||
| container.style.cssText = 'position: absolute; top: -10em; visibility:hidden; font: normal 10px arial;'; | ||
| inner.style.cssText = 'float: left; font-size: 33.3333%;'; | ||
| inner.textContent = 'This is a text written in Arial'; | ||
| bool = window.getComputedStyle | ||
| ? window.getComputedStyle(subpixel, null).getPropertyValue("width") !== '44px' | ||
| : false; | ||
| }, 1, ['subpixel']); | ||
|
|
||
| // add test <div>s to the DOM | ||
| container.appendChild(inner); | ||
| document.body.appendChild(container); | ||
|
|
||
| // get actual width of text | ||
| hasSubpixelFontRendering = window.getComputedStyle | ||
| ? window.getComputedStyle(inner,null).getPropertyValue("width") !== '44px' | ||
| : false; | ||
|
|
||
| // clean up | ||
| container.parentNode.removeChild(container); | ||
|
|
||
| return hasSubpixelFontRendering; | ||
| return bool; | ||
| }); |