Qual é a fonte do Devmedia

Off Topic

01/02/2015

Oi, gostaria de saber qual fonte de texto que esse site usa e como configura-lá, acho que deve ser a Font Awesome
Luiz Nekel

Luiz Nekel

Curtidas 0

Respostas

William

William

01/02/2015

Aparentemente inspecionando as páginas do fórum e olhando as folhas de estilos seria "font-family: "Conv_Nexa Bold", Arial, Tahoma;".
GOSTEI 0
Randrade

Randrade

01/02/2015

Esse é arquivo CSS, nesta linha fala que é essa:
@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
Marcelo Pastore

Marcelo Pastore

01/02/2015

Da pra ver o CSS tambem quando verificamos o código fonte de um site?
GOSTEI 0
Randrade

Randrade

01/02/2015

Sim, existem ferramentas que buscam, mas é mais fácil verificar pelo próprio Browser.
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
Marcelo Pastore

Marcelo Pastore

01/02/2015

Opa legal mesmo, vou testar e ficar olhando em alguns sites, obrigado.
GOSTEI 0
Randrade

Randrade

01/02/2015

Por nada. Isso ajuda muito, pois você pode testar requisições, possui um console para testar JS, e muitas outras funcionalidades.
Aconselho dar uma pesquisada sobre.
GOSTEI 0
POSTAR