Created
December 18, 2013 18:49
-
-
Save bdesham/8027660 to your computer and use it in GitHub Desktop.
A simple HTML file that demonstrates some font-rendering weirdness when used with Bigfoot (http://cmsauve.com/labs/bigfoot/).
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
<!DOCTYPE html> | |
<head> | |
<title>This is a test</title> | |
<link rel="stylesheet" href="bigfoot-default.css" type="text/css"/> | |
</head> | |
<body> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis leo ac lacus pretium iaculis. Cras eget eros mauris. Vestibulum ac sapien malesuada, pulvinar odio vel, pellentesque lectus. Duis commodo nibh vel mi commodo consequat. Nam egestas gravida eros et bibendum. Praesent vel suscipit odio. Suspendisse dignissim arcu vitae sapien auctor, vitae auctor libero dapibus.<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup> Pellentesque sagittis, justo vitae mattis tristique, nibh neque convallis metus, a dapibus turpis nisl ut metus. Curabitur consectetur sodales mauris. Donec id vestibulum augue. Aliquam sollicitudin ligula in bibendum malesuada. Praesent tincidunt, purus sed semper vestibulum, purus nulla tempor nisi, vel tincidunt enim lectus et velit. Aenean rhoncus lectus non laoreet laoreet.</p> | |
<p>Fusce faucibus arcu ut blandit porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam volutpat nunc non quam dignissim, id tincidunt magna ornare. Ut porta viverra lorem, quis posuere urna. Quisque tempus aliquet enim, vehicula aliquet neque bibendum id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas mollis, odio non iaculis ornare, metus nibh facilisis ligula, sed pharetra justo lectus non mi. Phasellus diam lorem, ornare in metus vel, faucibus tempor lorem. Donec sodales blandit libero vitae malesuada.</p> | |
<p>Cras vulputate imperdiet tortor, eget pretium neque consequat sit amet. Nulla eget diam eu nisl fermentum tristique. Quisque ultrices ipsum at arcu feugiat hendrerit. Aenean posuere metus at cursus tincidunt. Proin sodales metus malesuada lorem ultricies mattis non hendrerit tellus. Cras diam est, fermentum id lacinia ut, ullamcorper in urna. Proin sit amet dui vel lectus vehicula varius. Aliquam cursus erat ac diam interdum vehicula.<sup id="fnref:2"><a href="#fn:2" rel="footnote">2</a></sup></p> | |
<p>Mauris vitae vestibulum est. Praesent tristique ante at lorem pellentesque, sit amet interdum enim varius. Fusce elit augue, convallis id odio vel, placerat ornare elit. Donec venenatis lorem magna, sed tempor nisl bibendum quis. Nunc laoreet eros turpis, rhoncus adipiscing felis faucibus sit amet. Morbi sollicitudin aliquam malesuada. Proin scelerisque tortor mattis, imperdiet sem non, feugiat neque.</p> | |
<p>Phasellus vulputate quam vel congue sodales. Morbi tempor pulvinar nibh, non tempor risus imperdiet id. Cras at mauris vel lacus volutpat elementum non at metus. Aliquam erat volutpat. Nulla facilisi. Curabitur elementum elit sem, eget ornare nibh scelerisque in. Nam ultricies bibendum libero, ac auctor lectus vulputate sit amet. Phasellus ultrices egestas elementum. Duis a eros leo.</p> | |
<div class="footnotes"> | |
<ol> | |
<li class="footnote" id="fn:1"><p>Donec ut massa eu ligula ornare convallis. Nulla nec rutrum lacus. Nunc ut lorem ipsum. Maecenas volutpat hendrerit sem, id lobortis neque cursus vitae. Donec et sodales eros, quis aliquam dui. Aenean pulvinar tempus sapien, ut ornare nunc fermentum eget. Cras at tellus fringilla, placerat turpis rhoncus, semper leo. Mauris rhoncus, nulla in venenatis hendrerit, dolor elit aliquam lectus, imperdiet condimentum ante turpis vitae odio. <a href="#fnref:1">return</a></p></li> | |
<li class="footnote" id="fn:2"><p>Donec ut massa eu ligula ornare convallis. Nulla nec rutrum lacus. Nunc ut lorem ipsum. Maecenas volutpat hendrerit sem, id lobortis neque cursus vitae. Donec et sodales eros, quis aliquam dui. Aenean pulvinar tempus sapien, ut ornare nunc fermentum eget. Cras at tellus fringilla, placerat turpis rhoncus, semper leo. Mauris rhoncus, nulla in venenatis hendrerit, dolor elit aliquam lectus, imperdiet condimentum ante turpis vitae odio. <a href="#fnref:2">return</a></p></li> | |
</ol> | |
</div> | |
<script type="text/javascript" src="jquery-1.10.2.min.js"></script> | |
<script type="text/javascript" src="bigfoot.min.js"></script> | |
<script type="text/javascript"> | |
$.bigfoot(); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment