Antigamente, os navegadores s conseguiam exibir as fontes de uma pgina na
web caso elas estivessem instaladas no computador do usurio. Isso limitava muito a criatividade dos profissionais de web, que ficavam restritos s fontes do sistema para no causar problemas de visualizao (como Arial, Verdana, Times New Roman, etc).
A chamada Webfont um modo de aplicao de tipografia em uma pgina de
web em forma de cdigo CSS, evitando assim problemas na hora do acesso ao site. Obtendo cdigo a partir do Google Fonts Esse o nome da interface de programao de aplicaes que a gigante de buscas criou para facilitar o trabalho dos web designers na hora de escolher a tipografia de um site.
O diretrio do Google oferece mais de 800 famlias de fontes de alta qualidade
tcnica e visual, gratuitas e com cdigo aberto. Isso significa que voc pode baixar, usar e modificar qualquer uma delas do jeito que voc quiser.
Todas elas possuem o mesmo sistema unificado de implementao para CSS e
HTML, bastando escolher a Google Font que voc quiser, copiar o cdigo e adicion-lo ao da pgina que voc est construindo. Selecionar a fonte desejada Copiar o cdigo para seu projeto Opo de customizar a fonte, isso ser incluindo no cdigo gerado no final. Upando sua tipografia para webfont Essa forma serve para caso voc tenha alguma tipografia em .ttf ou .otf que est de acordo com os direitos autorais ou foi feita por voc e, queira us-la em algum projeto de webdesign. De incio, vocs acessam https://www.fontsquirrel.com/tools/webfont-generator