El siguiente código debería aumentar el espacio entre las letras cuando se abre en safari pero parece ignorar la orden que cambia la propiedad css pese a que sí que sale la alerta. Gracias.
function BrowserDetection() {
//Check if browser is IE or not
if (navigator.userAgent.search("MSIE") >= 0) {
alert("Browser is InternetExplorer");
}
//Check if browser is Chrome or not
else if (navigator.userAgent.search("Chrome") >= 0) {
alert("Browser is Chrome");
}
//Check if browser is Firefox or not
else if (navigator.userAgent.search("Firefox") >= 0) {
alert("Browser is FireFox");
}
//Check if browser is Safari or not
else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) {
alert("Browser is Opera");
$('#slogan').css('letter-spacing', '3px');
}
//Check if browser is Opera or not
else if (navigator.userAgent.search("Opera") >= 0) {
alert("Browser is Opera");
}
}
BrowserDetection();
#slogan{
color:red;
font-family: MonkGothic;
font-size:30px;
letter-spacing:1px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="slogan">
AA
AA
AA
AA
</pre>
body
entre comillas (simples o dobles), es decir,$('body').css('letter-spacing', '3px');
?