1) Escribe versión de Google Chrome (chrome://version/): Versión 36.0.1985.125
2) ¿Se reproduce el problema en una ventana de incógnito? Control+Mayúsculas+N SÍ
3) Adjunta una captura de la pantalla de tu problema/error/incidencia:
4) Describe detalladamente el problema:
Buenas tardes,
Si abrís la web
www.azinsol.com/demo, la tipografía que aplico en "Algo...está a punto de suceder" es la Source Sans Pro de Google Fonts y le aplico un grueso en el css de 200.
Mi problema es que nose porque si la abro en Chorme se ve bastante más gruesa, que si por ejemplo la abro en Safari.
Os agradecería mucho si me pudiéseis ayudar.
Un saludo.
-----------------------------------------
css que aplico:
h1
{
font-weight: 200;
line-height: 1.2em;
font-size: 70px;
letter-spacing: 3px;
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.slides-titulo{
position: absolute;
z-index:2;
top:33%;
margin: 0 60px;
font-weight:200;
width: 50%;
font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
font-size:70px;
line-height:1.2em;
color:#fff;
}
----------------------------------------
html que aplico:
<!DOCTYPE html>
<html class='no-js' lang='es'>
<!--<![endif]-->
<head>
<meta charset='utf-8' />
<!--<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<title>Azinsol | A to Z Innovative Solutions</title>
<meta content='Azinsol Innovative Solutions Streaming video' name='description' />
<meta content='Erre Infographics' name='author' />
<meta name="distribution" content="global" />
<meta name="language" content="es" />
<!--<meta content='width=device-width, initial-scale=1.0' name='viewport'/>-->
<link rel="stylesheet" href="
http://www.azinsol.com/demo/css/superslides.css">
<link href="
http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,400italic" rel="stylesheet" type="text/css">
<link href="
http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
background-color: #000;
}
</style>
<link href="css/superslides.css" rel="stylesheet" type="text/css">
</head>
<body id ="bdy" onclick = "check(event)">
<div id="slides">
<div class="slides-container">
<img src="
http://www.azinsol.com/demo/images/medicina-01.png" alt="" width="1400" height="1050"/>
<img src="
http://www.azinsol.com/demo/images/retail-01.png" alt="" width="1400" height="1050"/>
</div>
</div>
<div class="slides-titulo">
<h1>Algo <span style="font-weight:700">muy bueno</span> </br>está a punto de llegar</h1>
<h2>Innovación y soluciones TIC</h2>
</div>
(.......)
