I want to use fonts on my website which look great in Firefox, but broken up on Chrome and IE. Now to avoid this issue I wanted to change the font family for only Chrome and IE. There is the [if IE] statement for IE support, but is there one for Chrome (and possibly more browsers), too?
Add a comment |
4 Answers
Available flags are:
- List item
- webkit (as of jQuery 1.4)
- safari (deprecated)
- opera
- msie
- mozilla
Use Example:
if ($.browser.webkit) { alert( "Set up your font css" ); } 
Comments
No, only IE supports conditional comments.
However, I would advise against any browser-specific code. As a developer it's up to you to ensure your site looks equally good in as many browsers as possible.
If you really want conditional code, use browser detection (ie. search the user agent string for fragments that identify the browser)
answered Nov 4, 2011 at 8:29
Niet the Dark Absol
326k86 gold badges480 silver badges604 bronze badges
Comments
Simple solution, just use this JS library and you can easily apply styles for every browser/os combination:
With this you will get a class name on the body tag with the current name and version of the browser also with the used OS.
After include the file:
<script src="js/browserclass.js"></script> For example on Windows 8.1 with the latest chrome you will see:
<body class="chrome chrome34 win desktop"> And in your style file you can refer by: (.sass styling)
body.chrome #example color: blue or
body.win.chrome #example color: red Note:
[if IE] statements deprecated since IE10 so this is the solution for that
Comments
This site is very helpful
