StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSafari rendering page fonts thinner with jQuery slider on page
primarykey
Id
9049524
data
AcceptedAnswerId
11926040
AnswerCount
5
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-01-28T23:26:21.487
FavoriteCount
2
LastActivityDate
2014-01-16T16:37:58.710
LastEditDate
LastEditorUserId
0
OwnerUserId
1161032
ParentId
0
PostTypeId
1
Score
1
ViewCount
8653
LastEditorDisplayName
text
Body
<p>I'm pulling my hair out on this one. I'm using the FlexSlider on a page with great results; however when running this, Safari (Mac version, not ios) renders the fonts on the page thinner. Firefox and Chrome both have no issues. Here is my basic code in case that helps at all:</p> <pre><code><html> <head> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/flexslider.css" /> <title>Title</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="js/flexslide.js"></script> </head> <body> <div id="header"><span class="slogan">Slogan At The Top</span></div> <h1>View These Slides</h1> <div class="gallery"> <div class="flexslider-container"> <div class="flexslider"> <ul class="slides"> <li><div class="slider">Element 1</div></li> <li><div class="slider">Element 2</div></li> </ul> </div> </div> </div> </body> </html> </code></pre> <p>I actually assume that the code in this case won't help. I feel like it's more of an issue with Safari and something in FlexSlider. I thought I had narrowed the problem down to FlexSlider's use of translate3d but it didn't pan out.</p> <p>Has anyone else experienced Safari changing the thickness of fonts based on jQuery elements or even something like a flash video (not used in this case)? Also, I'm not using any embedded fonts, fyi.</p>
Tags
<jquery><fonts><safari>
Title
Safari rendering page fonts thinner with jQuery slider on page
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USuser1161032
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COCan't reproduce this. Can you provide a screenshot with a comparison between the rendering in Safari and some other browser where this problem doesn't exist?
  singulars
  PostPostId
  POSafari rendering page fonts thinner with jQuery slider on page
  UserUserId
  USJonas

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.