Salve, dopo molti tentativi non riesco a cambiare font, o meglio, a far utilizzare il font personalizzato con @font-face. Ho provato diversi tentativi, ma niente...
Per il menu ho preso questo: http://www.html.it/pag/18988/menu-or...-con-le-liste/
Per cambiare font ho seguito qui: http://www.html.it/pag/18954/font-pe...con-font-face/
Mio codice CSS:
codice:/* CSS Document */ @charset "UTF-8"; @font-face { font-family: 'arizoniaregular'; src: url('site/font/arizonia-webfont.eot'); src: url('site/font/arizonia-webfont.eot?#iefix') format('embedded-opentype'), url('site/font/arizonia-webfont.woff') format('woff'), url('site/font/arizonia-webfont.ttf') format('truetype'), url('site/font/arizonia-webfont.svg#arizoniaregular') format('svg'); font-weight: normal; font-style: normal; } ul#menu { font-family: arizoniaregular, Verdana, sans-serif; font-size: 15px; margin: 0; padding: 0; list-style: none; } ul#menu li { background-color: #ff00c6; border-bottom: 5px solid #000000; display: block; width: 132px; height: 40px; margin: 3px; float: left; /* elementi su singola riga */ } ul#menu li a { color: #fff; display: block; font-weight: bold; line-height: 35px; text-decoration: none; width: 132px; height: 40px; text-align: center; } ul#menu li.active, ul#menu li:hover { background-color: #000000; border-bottom: 5px solid #ff00c6; }
Codice HTML
codice:<head> <link rel="stylesheet" href="site/slider.css" type="text/css" media="screen" /> </head> <body> <div id="menu"> <table align="center" bgcolor="#000000"> <tr> <td> <ul id="menu"> <li><a href="index.html">Home</a></li> <li><a href="#">Utente</a></li> <li><a href="#">Foto</a></li> <li><a href="#">Video</a></li> <li><a href="#">Gif</a></li> <li><a href="#">Social</a></li> <li><a href="#">Contatti</a></li> </ul> </td> </tr> </table> </div> </body>
Premetto che con html me la cavo, ma con css proprio poco.... infatti sto facendo delle prove.
Un grazie in anticipo a chi potrà aiutarmi a risolvere questo enigma!
Rispondi quotando