Fórum Qual é a fonte do Devmedia #509172
01/02/2015
0
Luiz Nekel
Curtir tópico
+ 0Posts
02/02/2015
William
Gostei + 0
02/02/2015
Randrade
@font-face {
font-family: 'FontAwesome';/*!
* Font Awesome 3.2.1
* the iconic font designed for Bootstrap
* ------------------------------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation can be
* found at http://fontawesome.io. Stay up to date on Twitter at
* http://twitter.com/fontawesome.
*
* License
* ------------------------------------------------------------------------------
* - The Font Awesome font is licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/byscuits
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot?v=3.2.1');
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
font-weight: normal;
font-style: normal;
}
/* FONT AWESOME CORE
* -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
Gostei + 0
02/02/2015
Marcelo Pastore
Gostei + 0
02/02/2015
Randrade
E não só o código e o CSS, você consegue ver Scripts, imagens, dentre outros. Por isso o ideal é deixar toda regra fora da View, para não deixar acesso ao seu código.
E para ver o CSS, como você perguntou, vou deixar o exemplo do Google Chrome.
Ex: Aperte F12 na página em questão, ao lado direito terá a opção "Styles", lá está contido o CSS.
[img]http://arquivo.devmedia.com.br/forum/imagem/397347-20150202-151131.png[/img]
Aperte F12 e altere entre as abas, você ferá que existe muito conteúdo bom para debugar se código, ou tirar dúvidas de como uma funcionalidade é feita.
Gostei + 0
02/02/2015
Marcelo Pastore
Gostei + 0
02/02/2015
Randrade
Aconselho dar uma pesquisada sobre.
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)