Fazendo o font face funcionar no blogger


Buenas noches muchachos cha cha cha Σ(ノ°▽°)ノ  SUHASHAUShuash estou muito espanhola hoje obrigada u.u E como vocês estão? Eu peço desculpas a todos os blogueiros que vieram aqui e deixaram seus comentários e eu não retribui e respondi tá? Estou mesmo sem tempo, novidade né? Eu estou bem feliz e bem cansada ao mesmo tempo pois a faculdade está me sugando como nunca algo me sugou na vida TT Tipo é legal e ao mesmo tempo não, dá pra entender? Rsrs Sqn As vezes dá uma vontade louca de sair correndo e não parar mais '▿' É véi, é coisa de louco mesmo. Mas não quero por medo em vocês não, afinal muitas coisas ainda irão acontecer né?

E quem sou eu para dizer que é ruim ou não acho que isso vai de cada um e do esforço de cada um de fazer aquilo que quer e que sonha. Mas então, mudando de assunto eu notei um post no grupo da kaorii e vi que estão pedindo o font face, na verdade eu mesma não estava mais fazendo o correto e pedi ajuda a uma conhecida, acho que todos conhecem a Edwiges do antigo Baby Boo né? Pois é, ela que me ajudou e ensinou como usar o font face e deu certo até agora. Não é complicado, muito pelo contrário é bem simples e acredito que não irá mudar nada até certo momento os códigos dos links, caso mude iremos então descobrir o novo certo? So, let's go!

Vá até o hospedador de arquivos DROPBOX crie uma conta caso não tenha uma e faça upload da sua fonte desejada, pegue o link da fonte, um exemplo de como estará o link da fonte normal:

https://www.dropbox.com/s/5vbuesyod5cd442/Austie%20Bost%20Starlit%20Beach.ttf?dl=0

O font face não funciona justamente por isso pois o link não é da conta do usuário e sim do site em si, então para fazermos qualquer fonte funcionar no seu blog apague tudo o que está no link até a parte do com/s/ e acrescente os seguintes códigos abaixo:

 @font-face {src: url('https://dl.dropboxusercontent.

Agora exemplo de como o link da fonte tem que ficar:

@font-face {src: url('https://dl.dropboxusercontent.com/s/5vbuesyod5cd442/Austie%20Bost%20Starlit%20Beach.ttf?dl=0

Do com/s/ em diante é o código da sua fonte é só juntar com o código correto acima que todas as fontes irão funcionar direitinho, e para finalizar os códigos do fonte face não esqueçam de por assim para tudo dar certo:

@font-face {src: url('https://dl.dropboxusercontent.com/s/w8iakp4mr0usho0/Mf%20LINK%20DA SUA FONTE.ttf?dl=0'); font-family: NOME DA FONTE;}

font-family: NOME DA FONTE;
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

3 comentários:

  1. Olá Roh!! Amei o tutorial ^^ vou usá-lo até porque o font-face nunca funciona *¬*
    Você tinha comentado em meu blog, sobre colocar teu blog na listinha de créditos. Já está lá ok? Mil perdões pelo transtorno ^^
    Beijos ♥ || ♥ Colorful Dream~

    ResponderExcluir
  2. Eu já pesquisei muitos sites para tentar conseguir uma font face ideal para mim mais é muito dificil, então eu espero conseguir com esse tutorial seu Roh! Muito útil.

    Até mais... Yana Portela

    ResponderExcluir
  3. Ahhhhh, que tutorial ótimo, Roh! Eu estava até com medo, porque quando eu hospedava as fontes no tumblr elas não estava funcionando mais, obrigada ♥

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017