[{"data":1,"prerenderedAt":205},["ShallowReactive",2],{"article-font-sizes-comparison-em-vs-px-vs-pt-vs-percent":3},{"article":4,"tags":79,"previous":94,"next":135},{"id":5,"title":6,"author":7,"body":8,"createdAt":68,"description":69,"extension":70,"img":63,"meta":71,"navigation":72,"path":73,"seo":74,"stem":75,"tags":76,"updatedAt":68,"__hash__":78},"articles\u002Farticles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent.md","Font Sizes–Comparison EM vs PX vs PT vs Percent","[object Object]",{"type":9,"value":10,"toc":65},"minimark",[11,19],[12,13,14,15,18],"p",{},"In CSS, you're given four different units by which you can measure the size of text as it’s displayed in the web browser.  Which of these four units is best suited for the web?",[16,17],"br",{},"\nWhat do we have…",[12,20,21,22,24,25,27,28,24,30,32,33,24,35,37,38,24,40,42,43,24,45,47,48,24,50,52,53,24,55,24,57,59],{},"“Ems” (em): The “em” is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, .5em would equal 6pt, etc. Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.",[16,23],{},"\n ",[16,26],{},"\nPixels (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). Many web designers use pixel units in web documents in order to produce a pixel-perfect representation of their site as it is rendered in the browser. One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.",[16,29],{},[16,31],{},"\nPoints (pt): Points are traditionally used in print media (anything that is to be printed on paper, etc.). One point is equal to 1\u002F72 of an inch. Points are much like pixels, in that they are fixed-size units and cannot scale in size.",[16,34],{},[16,36],{},"\nPercent (%): The percent unit is much like the “em” unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.",[16,39],{},[16,41],{},"\nTip….it can be easy to set the font size via px’s or pt’s however you are not helping those users that want to scale the size up or down.  For this reason the em and percent users are preferred for web document text",[16,44],{},[16,46],{},"\nTip…try setting the body { font-size: 62.5%} and then use th em unit to size it from there.  As long as the body is set using the percent unit, you may choose to use either percent or ems on any other css rules and selectors and still retain the benefits of using percent as your base font size.",[16,49],{},[16,51],{},"\nTip..try not to use px to set font-size as they can become problems on mobile devices where the resolutions are very high density (200 to 300 pixels per inch) making the fonts very small.",[16,54],{},[16,56],{},[16,58],{},[60,61],"img",{"style":62,"src":63,"alt":64},"display: none;","\u002Farticles\u002Fimages\u002Ffont-size.jpg","",{"title":64,"searchDepth":66,"depth":66,"links":67},2,[],"2015-04-20T08:07:13.0200000-04:00","Four different units by which you can measure the size of text...","md",{},true,"\u002Farticles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent",{"title":6,"description":69},"articles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent",[77],"html","d3ZQ0y2RkNUGZMlxtnCHgx4B7dBOczGAZJWp7ktXh2U",[80],{"id":81,"title":82,"body":83,"description":87,"extension":70,"img":88,"meta":89,"name":77,"navigation":72,"path":90,"seo":91,"stem":92,"__hash__":93},"tags\u002Ftags\u002Fhtml.md","Html",{"type":9,"value":84,"toc":85},[],{"title":64,"searchDepth":66,"depth":66,"links":86},[],"HTML","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1598313183973-4effcded8d5e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80",{},"\u002Ftags\u002Fhtml",{"description":87},"tags\u002Fhtml","XplOeFNlW_OhQTIuz7qpRvyCeTnPXLd6lB0N8j7go0Y",{"id":95,"title":96,"author":7,"body":97,"createdAt":125,"description":126,"extension":70,"img":127,"meta":128,"navigation":72,"path":129,"seo":130,"stem":131,"tags":132,"updatedAt":125,"__hash__":134},"articles\u002Farticles\u002Fiis-6-mvc-css-troubles-styles-not-recognized.md","IIS 6 MVC CSS Troubles - Styles not recognized",{"type":9,"value":98,"toc":123},[99,102,105,108,111,114,117,120],[12,100,101],{},"Scenario: I deployed my mvc 3 application to IIS 6 (with NTLM authentication). While using Internet Explorer (IE) everything looked great. When I tested the site with other common browsers Chrome\u002FFireFox\u002FSafari none of the styles specified in the css sheet were used.",[12,103,104],{},"I first checked with FireFox\u002FFirebug that the css was indeed found. The css sheet was found and returned to the client. I tried to view the css sheet within Firebug and I got the message \"There are no rules. You can create a rule.\"....so the css is found however for some reason it is not being applied in non-Internet Explorer browsers.",[12,106,107],{},"The css is reference via the _layout.cshtml as shown...(my first attempts were to modify the path to the css sheet even though I could see the css was accessible to the browser)",[12,109,110],{},"I.e. \u003Clink href=\"@Url.Content(\"~\u002FContent\u002FSite.css\")\" rel=\"stylesheet\" type=\"text\u002Fcss\" \u002F>",[12,112,113],{},"Next attempts used a couple different online css validation apps to ensure my css syntax was not causing an issue. All checked out ok.",[12,115,116],{},"After making a number of minor attempts at digging out additional clues…I checked the IIS 6 setup (everything worked fine locally with IIS 7, so I was narrowing my focus on IIS as being the problem).",[12,118,119],{},"Solution: The site is hosted on a Microsoft IIS 6 server, and it was not sending the appropriate MIME type for CSS files. The fix to this problem was to add a custom MIME type associating .CSS files with the type \"text\u002Fcss\". Obviously, IE was able to discern that the downloaded text file was to be used as a style sheet. Interestingly the other browsers did not have that default behavior and relies on the web server to identify the file of type text\u002Fcss.",[12,121,122],{},"To resolve, open IIS console, navigate to the root application and add MIME Type text\u002Fcss for documents with the extension .css",{"title":64,"searchDepth":66,"depth":66,"links":124},[],"2015-04-20T08:07:13.1100000-04:00","I deployed my mvc 3 application to IIS 6 (with NTLM authentication)....","\u002Farticles\u002Fimages\u002Fmvc.gif",{},"\u002Farticles\u002Fiis-6-mvc-css-troubles-styles-not-recognized",{"title":96,"description":126},"articles\u002Fiis-6-mvc-css-troubles-styles-not-recognized",[133],"aspnet","95HhQr_7ApUk2zLKgWpOWgYJyUurRpPpjhvJ3sAnT18",{"id":136,"title":137,"author":7,"body":138,"createdAt":193,"description":194,"extension":70,"img":195,"meta":196,"navigation":72,"path":197,"seo":198,"stem":199,"tags":200,"updatedAt":193,"__hash__":204},"articles\u002Farticles\u002Fnew-ssdt-power-tools-now-for-both-visual-studio-2010-and-visual-studio-2012.md","New SSDT Power Tools! Now for both Visual Studio 2010 and Visual Studio 2012",{"type":9,"value":139,"toc":191},[140,143,146],[12,141,142],{},"Microsoft is pleased to announce the latest release of SSDT Power Tools!",[12,144,145],{},"We continue to use power tools to get early versions of experiences or quick features to you and we’re always interested in hearing your feedback.",[12,147,148,149,153,154,158,162,163,166,169,170,174,175,179,180,182,183,185,188],{},"This release of the tools (Version 1.3) builds on the previous release.  This release of the power tools is",[150,151,152],"i",{}," only ","compatible with the newest update for SQL Server Data Tools. First, get the SSDT – September 2012 update for Visual Studio 2010 or Visual Studio 2012 here:  SSDT for Visual Studio 2012: ",[155,156],"a",{"href":157},"http:\u002F\u002Fmsdn.microsoft.com\u002Fen-us\u002Fjj650015",[155,159,157],{"href":157,"rel":160},[161],"nofollow","  SSDT for Visual Studio 2010: ",[155,164],{"href":165},"http:\u002F\u002Fmsdn.microsoft.com\u002Fen-us\u002Fjj650014",[155,167,165],{"href":165,"rel":168},[161],"    For the first time, this power tools release provides a version of the power tools for Visual Studio 2012 in addition to the version for Visual Studio 2010. They are separate installs that you can grab here:  ",[155,171,173],{"href":172},"http:\u002F\u002Fvisualstudiogallery.msdn.microsoft.com\u002F9b0228c6-15d1-44de-9279-66dde12bf861?SRC=Featured","SSDT Power Tools for Visual Studio 2010","  ",[155,176,178],{"href":177},"http:\u002F\u002Fvisualstudiogallery.msdn.microsoft.com\u002F96a2f8cc-0c8b-47dd-93cd-1e8e9f34a917","SSDT Power Tools for Visual Studio 2012","  Requirements:",[16,181],{},"\nSQL Server 2008 Service Pack 1",[16,184],{},[155,186],{"href":187},"http:\u002F\u002Fwww.microsoft.com\u002Fen-us\u002Fdownload\u002Fdetails.aspx?id=20302",[155,189,187],{"href":187,"rel":190},[161],{"title":64,"searchDepth":66,"depth":66,"links":192},[],"2015-04-20T08:07:12.8400000-04:00","SQL Server Data Tools (SSDT) provides project templates and design surfaces for building SQL Server content types - relational databases, Analysis Services models, Reporting Services reports, and Integration Services packages.","\u002Farticles\u002Fimages\u002FMdpbTnH58m.png",{},"\u002Farticles\u002Fnew-ssdt-power-tools-now-for-both-visual-studio-2010-and-visual-studio-2012",{"title":137,"description":194},"articles\u002Fnew-ssdt-power-tools-now-for-both-visual-studio-2010-and-visual-studio-2012",[201,202,203],"visualstudio","sql","sqlserver","e_YUJhN16WAmwBhand1Scn-44WrB72gU7EuktLScjHE",1781574764622]