Foros del Web » Creando para Internet » CSS »

Como cambiar la fuente de este estilo?

Estas en el tema de Como cambiar la fuente de este estilo? en el foro de CSS en Foros del Web. Sé que posiblemente les parezca algo muy fácil pero estoy perdido, estoy seguro que en estas lineas está el estilo de mi menú y lo ...
  #1 (permalink)  
Antiguo 13/03/2016, 16:36
 
Fecha de Ingreso: febrero-2008
Mensajes: 119
Antigüedad: 16 años, 9 meses
Puntos: 0
Como cambiar la fuente de este estilo?

Sé que posiblemente les parezca algo muy fácil pero estoy perdido, estoy seguro que en estas lineas está el estilo de mi menú y lo que quiero es Poner que todo texto que está en mi menú tenga la fuente https://fonts.googleapis.com/css?family=Oswald:700 asi como está en Bold, pero no sé cómo hacerlo.

Código:
.pagenav{margin:0;  width:1180px;  text-align: left; margin:0 auto;position:relative;text-transform:uppercase;  }
.pagenav .menu {margin:0 auto;float:left;}
.pagenav.fixedmenu .menu  {float:right; width:auto;}
div#logo {position:relative; width:100%; float:left; padding:24px 0 17px 0;background:#f8f8f8;}

.pagenav li a{float:left; padding:15px 15px 20px 15px;}
.pagenav li:first-child a {padding-left:0px;}
.pagenav.fixedmenu li a { padding:9px 15px 9px 15px;color:#333;}
 .pagenav li li a  {float:none;}
.pagenav li:last-child a { }

.pagenav .social_icons {float:right;margin-top: 0px;}
.pagenav .social_icons a {float:left;margin-left:2px;width:32px;height:33px; line-height:36px;text-align:center;padding:13px 1px 14px 1px;color:#fff;font-size:16px;}
.pagenav .social_icons a:hover { background:#111;}

.pagenav li:last-child a:after {display:none;}
.pagenav.fixedmenu li a:after { margin-top:-9px; }
.pagenav li li a:after {display:none;}

.pagenav .logo-fixedmenu a {padding:0;}
.holder-fixedmenu { margin:0 auto;position:relative;}
.menu > li { display: inline-block;  text-align:center;padding-bottom:35px;}

.fixedmenu{display:none;position:fixed !important; background:#fff;background:rgba(25,25,25,0.95); margin-top: 0 !important;padding:5px 0 5px 0;z-index:9999;border-bottom:1px solid #eee\9;
-moz-box-shadow: 0 1px 7px rgba(0,0,0,0.2); -webkit-box-shadow:  0 1px 7px rgba(0,0,0,0.2); box-shadow: 0 1px 7px rgba(0,0,0,0.2); width:100% !important; }

.holder-fixedmenu { margin:0 auto;position:relative; width:1180px;}
.fixedmenu .logo-fixedmenu{float:left; }
.fixedmenu .logo-fixedmenu img{height: 32px;margin-top:4px;width:auto;}
.fixedmenu .menu-fixedmenu{float:right;margin:-5px 0px 0 0;}
.pagenav.fixedmenu{height:40px;}

Muchas gracias espero que me puedan ayudar!

Última edición por giancarlo; 13/03/2016 a las 16:42
  #2 (permalink)  
Antiguo 13/03/2016, 17:18
Avatar de mardojai  
Fecha de Ingreso: noviembre-2012
Ubicación: Lima, Perú
Mensajes: 137
Antigüedad: 12 años
Puntos: 44
Respuesta: Como cambiar la fuente de este estilo?

Las fuentes la especificas con font-family (https://developer.mozilla.org/en-US/...SS/font-family), y el grosor con font-weight (https://developer.mozilla.org/en-US/...SS/font-weight). En este caso:

Código CSS:
Ver original
  1. .pagenav {
  2.     font-family: 'Oswald', sans-serif;
  3.     font-weight: 700;
  4. }

Saludos!
__________________
El que supera a otros es poderoso, y el que se supera a sí mismo es invencible.
__________________
Si te sirvió puntúa.

Etiquetas: background, color, float, fuente, todo, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:25.