Como usar o recurso @font-face no google fonts
A vantagem de usarmos as fontes do google é que sempre que alguém abrir a página a formatação conterá as fontes que indicamos, não é nada legal você se esforçar para criar uma página visualmente bonita e o computador do cliente não ter a fonte desejada.
Postei um código no github com um exemplo, você pode baixar o código para sua máquina e visualizar o código ou ainda vê-la rodando neste link: https://voyeg3r.makes.org/thimble/font-face
Segue portanto o código:
Postei um código no github com um exemplo, você pode baixar o código para sua máquina e visualizar o código ou ainda vê-la rodando neste link: https://voyeg3r.makes.org/thimble/font-face
Segue portanto o código:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <!-- | |
| Author: Sérgio Luiz Araújo Silva | |
| Licence: GPLv3 | |
| Created: 2014-03-17 14:37 | |
| Last Change: 2014-03-17 16:40 | |
| purpose: Show you how use @font-face from google fonts directory | |
| site: vivaotux.blogspot.com | |
| mail: voyeg3r at gmail | |
| --> | |
| <link href='https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'> | |
| <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet" type="text/css"> | |
| <link href="https://fonts.googleapis.com/css?family=Prociono" rel="stylesheet" type="text/css"> | |
| <link href="https://fonts.googleapis.com/css?family=Average" rel="stylesheet" type="text/css"> | |
| <link href='https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic' rel='stylesheet' type='text/css'> | |
| <link href='http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic' rel='stylesheet' type='text/css'> | |
| <link href='https://fonts.googleapis.com/css?family=Cardo:400,400italic,700' rel='stylesheet' type='text/css'> | |
| <style TYPE="text/css"> | |
| h1 { font: 400 60px/1.3 'Abril Fatface', Georgia, serif; } | |
| h2 { font: 30px 'Abril Fatface', Georgia, serif;} | |
| /* p {font-family: 'Sorts Mill Goudy', serif;} */ | |
| p { font-family: 'Cardo', serif; font-size: 30px;} | |
| /*p { font: 400 30px/1.6 'Average', Garamond, Georgia, serif; } */ | |
| /*.pre {font-family: 'Ubuntu Mono', sans-serif; font-size: 13px; } */ | |
| .pre {font-family: 'Old Standard TT', serif;} | |
| </style> | |
| <meta charset="utf-8"> | |
| <title>Sua Webpage incrível criada no Seg, 17 de Mar de 2014 16:50</title> | |
| </head> | |
| <body> | |
| <h1> Mais beleza na Web </h1> | |
| <h2> Como usar @font-face </h2> | |
| <p> | |
| Faça algo incrível com a web <em>Acesse:</em> | |
| <a href="https://www.google.com/fonts#">https://www.google.com/fonts#</a> | |
| e procure a fonte que mais lhe agradar, | |
| em seguida clique no canto inferior direito no link com o nome "use". | |
| Na página que abre siga os passos: | |
| <ul> | |
| <li>Escolha o tipo de fonte, no caso a que você clicou.</li> | |
| <li>Escolha o conjunto de caracteres, em geral o que já vem marcado será suficiente.</li> | |
| <li>Copie o link do estilo para o cabeçalho do seu código html.</li> | |
| <li>Dentro do seu css coloque as formatações com base na fonte escolhida. tipo <em> font-family: 'Abril Fatface', cursive; </em></li> | |
| </ul> | |
| </p> | |
| <p>Outro exexpcional recurso que eu recomendo é o script | |
| <a href="https://github.com/typekit/webfontloader">webfontloader</a>, com | |
| esse script você obtém maior controle sobre o recurso @font-face, podendo usar | |
| múltimplos repositórios de fontes. | |
| </p> | |
| <p> | |
| A fonte do título é "Abril Fatface" e a fonte do corpo do texto | |
| é a fonte "Cardo", há outras possibilidades, veja o código fonte postado no <a href="https://gist.github.com/voyeg3r/9604296">github</a>. | |
| </p> | |
| </body> | |
| </html> | |
Python: Pequeno script para alterar o tempo de legendas no formato SRT
Publiquei no github um pequeno script que tem
como propósito retardar ou adiantar o tempo de legendas nor formato "srt". Quem desejar fazer sugestões sinta-se a vontade.OBS: Antes de rodar o script instale as bibliotecas descritas no código.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/usr/bin/env python | |
| # # -*- coding: UTF-8 -*-" | |
| # ---------------------------------------------------------- | |
| # CREATED: Qua 05/Mar/2014 hs 10:24 | |
| # LAST CHANGE: 2014 Mar 05 17:08:13 | |
| # THIS SCRIPT AIM: fix subtitle files | |
| # AUTHOR: Sergio Luiz Araujo Silva | |
| # SITE: http://vivaotux.blogspot.com | |
| # TWITTER: @voyeg3r | |
| # Download: https://gist.github.com/voyeg3r/9375602 | |
| # ---------------------------------------------------------- | |
| # Install needed libs !!!!! | |
| # sudo easy_install pysrt3 pysrt argparse | |
| # Reference: http://tuxbalaji.wordpress.com/2013/10/05/how-to-fix-subtitles-delay-or-ealier-with-your-movies-by-python-code/ | |
| # >>> subs.shift(seconds=-2) # Move all subs 2 seconds earlier | |
| # >>> subs.shift(minutes=1) # Move all subs 1 minutes later | |
| import pysrt, argparse | |
| parser = argparse.ArgumentParser(description='This is a script to change your subtitles') | |
| parser.add_argument('-i','--input', help='Input file name', required=True) | |
| parser.add_argument('-o','--output', help='Output file name', required=True) | |
| parser.add_argument('-t','--time', help='time shift in seconds', required=True, type=int) | |
| args=parser.parse_args() | |
| subs = pysrt.open(args.input) | |
| subs.shift(seconds=args.time) | |
| subs.save(args.output, encoding='utf-8') | |
| ## show values ## | |
| #print ("Input file: %s" % args.input ) | |
| #print ("Output file: %s" % args.output ) | |
| #print ("Time shift: %s" % args.time) |
Neovim: Ambicioso projeto pretende modernizar o vim
O projeto Neovim tem como meta modificações que permitirão mais agilidade ao vim, a manutenção do código e muitas outras novidades estão listadas no github: https://github.com/neovim/neovim#introduction
Como um fã incondicional do vim estou super animado com este projeto e peço aos maigos que divulguem e dêem apoio de todas as formas possíveis.
Vejam por exemplo que o site vimcasts.org postou a respeito:
http://vimcasts.org/blog/2014/03/support-neovim/
A meu turno estou contribuindo um pouco divulgando.
Durante os instantes que lia um pouco mais sobre o neovim decobri que o idealizador de tudo isso é o Thiago de Arruda Padilha, um brazuca de Recife.
Isso nos enche de orgulho, em ver que o futuro do vim pode ser redesenhado por um compatriota nosso.
Já existe uma polêmica em alguns apontam a reconstrução praticamente do zero como algo negativo, mas se isso fosse sempre verdade nos dias de hoje usaríamos o vi ao invés do vim, uma vez que o vim foi uma completa reprogramação do vi.
"Refactor vim to enable more advanced features and plugins"
Como um fã incondicional do vim estou super animado com este projeto e peço aos maigos que divulguem e dêem apoio de todas as formas possíveis.
Vejam por exemplo que o site vimcasts.org postou a respeito:
http://vimcasts.org/blog/2014/03/support-neovim/
A meu turno estou contribuindo um pouco divulgando.
Durante os instantes que lia um pouco mais sobre o neovim decobri que o idealizador de tudo isso é o Thiago de Arruda Padilha, um brazuca de Recife.
Isso nos enche de orgulho, em ver que o futuro do vim pode ser redesenhado por um compatriota nosso.
Já existe uma polêmica em alguns apontam a reconstrução praticamente do zero como algo negativo, mas se isso fosse sempre verdade nos dias de hoje usaríamos o vi ao invés do vim, uma vez que o vim foi uma completa reprogramação do vi.
"Refactor vim to enable more advanced features and plugins"
Assinar:
Postagens (Atom)
linux-cookbook
|
| Participe do grupo linux-cookbook |
| E-mail: |
| Visitar este grupo |