Como baixar e usar a fonte FM Basuru X para seus projetos de web design
As fontes são uma parte essencial do design da web, pois podem afetar a legibilidade, a estética e o humor do seu site. Escolher a fonte certa pode fazer uma grande diferença na aparência e na aparência do seu site. Neste artigo, apresentaremos uma das fontes mais populares e exclusivas para web design, FM Basuru X Font. Também mostraremos como baixá-lo e usá-lo em seus projetos de web design.
fm basuru x font download
O que é a fonte FM Basuru X?
FM Basuru X Font é uma fonte estrangeira criada por Pushpananda Ekanayaka em 1998. É uma fonte decorativa com estilo e caráter distintos. É adequado para várias finalidades, como logotipos, manchetes, banners, pôsteres, folhetos e muito mais.
A origem e características do FM Basuru X Font
FM Basuru X Font é baseado no script Sinhala, que é o sistema de escrita nativo do Sri Lanka. Sinhala é uma das línguas mais antigas do mundo e tem uma história e cultura ricas e diversificadas. A escrita cingalesa tem uma estrutura complexa e elegante, com muitas curvas, loops e pontos. FM Basuru X Font captura a essência da escrita Sinhala, acrescentando alguns toques modernos e criativos.
Alguns dos recursos do FM Basuru X Font são:
Tem um total de 241 caracteres, incluindo letras maiúsculas, letras minúsculas, números, símbolos e acentos.
Ele suporta o formato WOFF/WOFF2 (Web Open Font Format), que é compatível com todos os principais navegadores.
Tem peso e estilo regulares, sem variantes em negrito ou itálico.
Possui contraste e espaçamento médios, sem kerning ou ligaduras.
As vantagens e desvantagens de FM Basuru X Font
Como qualquer outra fonte, FM Basuru X Font tem seus prós e contras. Aqui estão alguns deles:
VantagensDesvantagens
É gratuito para baixar e usar para uso pessoal.Não é gratuito para uso comercial. Você tem que pagar ou seguir outras condições de licença.
É único e atraente.Isso pode fazer seu site se destacar da multidão.Não é muito legível ou versátil. Pode ser difícil de ler ou usar para textos longos ou tamanhos pequenos.
É expressivo e cultural. Pode transmitir um senso de identidade e herança.Não é muito universal ou familiar. Pode ser confuso ou alienante para alguns públicos ou contextos.
Como baixar a fonte FM Basuru X gratuitamente
Se você quiser usar o FM Basuru X Font para seus projetos de web design, você precisa baixá-lo primeiro. Existem muitos sites de fontes gratuitas que oferecem FM Basuru X Font para download. Aqui estão alguns dos melhores:
Os melhores sites de fontes gratuitas para baixar FM Basuru X Font
: Este site tem mais de 100.000 fontes gratuitas em várias categorias. Você pode visualizar e baixar FM Basuru X Font no formato TTF.
dafontfree.net
: Este site tem mais de 40.000 fontes gratuitas em diferentes categorias e idiomas. Você pode visualizar e baixar FM Basuru X Font nos formatos TTF e WOFF.
As etapas para baixar e instalar o FM Basuru X Font no seu computador
Depois de escolher um site para baixar o FM Basuru X Font, você precisa seguir estas etapas para fazer o download e instalá-lo em seu computador:
Clique no botão de download ou link para FM Basuru X Font no site.
Salve o arquivo da fonte em seu computador. Será um arquivo ZIP que contém o arquivo da fonte e um arquivo de licença.
Extraia o arquivo ZIP para uma pasta em seu computador. Você verá o arquivo de fonte com a extensão TTF, OTF ou WOFF.
Clique duas vezes no arquivo de fonte para abri-lo. Você verá uma prévia da fonte e um botão para instalá-la.
Clique no botão de instalação para instalar a fonte em seu computador. Pode ser necessário inserir sua senha de administrador ou confirmar a instalação.
Reinicie seu navegador ou qualquer outro programa que use fontes para aplicar as alterações.
Como usar a fonte FM Basuru X para seus projetos de web design
Agora que você baixou e instalou o FM Basuru X Font em seu computador, você pode usá-lo para seus projetos de web design.Existem duas maneiras principais de usar fontes em web design: usando recursos CSS ou usando a regra @font-face.
Os recursos CSS básicos para estilizar fontes e texto
CSS significa Cascading Style Sheets, que é uma linguagem que define como os elementos HTML são exibidos em uma página da web. CSS tem muitos recursos que permitem estilizar fontes e texto, como:
família de fontes: esta propriedade especifica o nome da fonte ou uma lista de fontes a serem usadas para um elemento. Por exemplo, família da fonte: "FM Basuru X", Arial, sem serifa; significa que o elemento usará a fonte FM Basuru X se estiver disponível, caso contrário, usará Arial ou qualquer outra fonte sem serifa.
tamanho da fonte: esta propriedade especifica o tamanho da fonte em pixels, pontos, ems, rems, porcentagens ou outras unidades. Por exemplo, tamanho da fonte: 24px; significa que o tamanho da fonte será de 24 pixels.
espessura da fonte: esta propriedade especifica o peso ou a espessura da fonte. Pode ser uma palavra-chave como normal, negrito, mais claro ou mais ousado ou um número de 100 a 900. Por exemplo, intensidade da fonte: Negrito; significa que o peso da fonte ficará em negrito.
estilo de fonte: esta propriedade especifica o estilo ou ângulo da fonte. Pode ser uma palavra-chave como normal, itálico, oblíquo ou herdado. Por exemplo, estilo da fonte: itálico; significa que o estilo da fonte será itálico.
cor: Esta propriedade especifica a cor do texto. Pode ser um nome como preto, branco, vermelho ou azul, ou um valor como hexadecimal (#FFFFFF), RGB (rgb(255,255,255)), HSL (hsl(0,0%,100%)) ou RGBA (rgba(255,255,255,1)). Por exemplo, cor vermelha; significa que a cor do texto será vermelha.
alinhamento de texto: Esta propriedade especifica o alinhamento horizontal do texto dentro de um elemento. Pode ser uma palavra-chave como esquerda, direita, centro, justificar ou herdar. Por exemplo, alinhamento de texto: centro; significa que o texto será centralizado dentro do elemento.
decoração de texto: esta propriedade especifica a decoração do texto, como sublinhado, sobrelinhado, line-through ou nenhum.Também pode especificar a cor e o estilo da decoração. Por exemplo, decoração de texto: sublinhado vermelho tracejado; significa que o texto será sublinhado com uma linha tracejada vermelha.
transformação de texto: Esta propriedade especifica a transformação do texto, como maiúsculas, minúsculas, maiúsculas ou nenhuma. Por exemplo, transformação de texto: maiúsculas; significa que o texto será convertido em letras maiúsculas.
altura da linha: esta propriedade especifica a altura de uma linha de texto. Pode ser um número, um comprimento, uma porcentagem ou normal. Por exemplo, altura da linha: 1,5; significa que a altura da linha será 1,5 vezes o tamanho da fonte.
espaçamento entre letras: Esta propriedade especifica o espaçamento entre as letras do texto. Pode ser um comprimento, como pixels ou pontos, ou normal. Por exemplo, espaçamento entre letras: 2px; significa que haverá 2 pixels de espaço entre cada letra.
espaçamento entre palavras: Esta propriedade especifica o espaçamento entre as palavras do texto. Pode ser um comprimento, como pixels ou pontos, ou normal. Por exemplo, espaçamento entre palavras: 5px; significa que haverá 5 pixels de espaço entre cada palavra.
Você pode usar esses recursos CSS para estilizar qualquer elemento HTML que contenha texto, como <p>, <h1>, <span>, etc. Você também pode usar seletores para direcionar elementos específicos ou grupos de elementos com base em seus atributos, classes, ids ou posições. Por exemplo, p.intro família da fonte: "FM Basuru X", Arial, sem serifa; tamanho da fonte: 18px; cor azul; significa que todos os parágrafos com a classe "intro" terão esses estilos aplicados a eles.
A regra @font-face para aplicar fontes da web à sua página da web
Os recursos CSS mencionados acima só podem estilizar fontes que já estão instaladas em seu computador ou nos computadores de seus visitantes. Se você quiser usar uma fonte que não está comumente disponível, como FM Basuru X Font, você precisa usar a regra @font-face. A regra @font-face permite especificar uma fonte personalizada fornecendo seu nome e URL.Dessa forma, você pode usar qualquer fonte que desejar em sua página da Web sem depender das fontes do sistema dos usuários.
Para usar a regra @font-face, você precisa seguir estas etapas:
Crie uma pasta em seu servidor web onde você armazenará seus arquivos de fonte. Você pode nomeá-lo como quiser, como "fontes".
Carregue seus arquivos de fonte para esta pasta. Pode ser necessário converter seus arquivos de fonte em formatos diferentes para garantir a compatibilidade entre navegadores. Você pode usar ferramentas online como para fazer isso.
Adicione a regra @font-face ao seu arquivo CSS ou seção de estilo. A regra @font-face tem quatro propriedades: font-family, src, font-weight e font-style. Por exemplo:
@font-face font-family: "FM Basuru X"; src: url("fonts/FM-Basuru-X.ttf") format("truetype"), url("fonts/FM-Basuru-X.woff") format("woff"), url("fonts/FM-Basuru-X.woff2") format("woff2"); peso da fonte: normal; estilo da fonte: normal;
A propriedade font-family especifica o nome da fonte que você usará em suas regras CSS. Você pode escolher o nome que quiser, mas é recomendável usar o mesmo nome da fonte original.
A propriedade src especifica a URL do arquivo ou arquivos de fonte que você carregou em seu servidor da web. Você pode fornecer vários URLs para diferentes formatos separados por vírgulas. Você também deve especificar o formato de cada arquivo usando a função format().
As propriedades font-weight e font-style especificam a espessura e o estilo da fonte. Você deve combinar essas propriedades com o peso e o estilo do arquivo de fonte original.
Use a propriedade font-family em suas regras CSS para aplicar a fonte personalizada aos seus elementos HTML. Por exemplo:
p font-family: "FM Basuru X", Arial, sans-serif;
As melhores práticas e dicas para usar fontes em web design
Usar fontes em web design pode ser divertido e criativo, mas também pode ser desafiador e complicado. Você precisa considerar muitos fatores, como legibilidade, compatibilidade, desempenho e estética.Aqui estão algumas das melhores práticas e dicas para usar fontes em web design:
Escolha fontes que correspondam ao propósito, tom e público do seu site. Por exemplo, se o seu site for sobre um assunto profissional ou formal, você deve usar fontes limpas, simples e elegantes. Se o seu site for sobre um tópico criativo ou divertido, você pode usar fontes divertidas, peculiares e coloridas.
Use fontes seguras ou amigáveis para a Web. Fontes seguras para a Web são fontes normalmente instaladas na maioria dos computadores e dispositivos, como Arial, Times New Roman, Verdana etc.
Use fontes legíveis e legíveis. Legibilidade refere-se a quão fácil é distinguir uma letra da outra. A legibilidade refere-se à facilidade de compreender o significado de um texto. Para melhorar a legibilidade e legibilidade, você deve usar fontes que tenham formas claras, tamanhos adequados, contrastes suficientes e espaçamento apropriado.
Use fontes compatíveis e consistentes. Compatibilidade significa que suas fontes funcionam bem em diferentes navegadores, dispositivos e plataformas. Consistência significa que suas fontes combinam entre si e com o design geral do seu site. Para garantir compatibilidade e consistência, você deve usar fontes iguais ou semelhantes em todo o site, testar suas fontes em diferentes navegadores e dispositivos e usar fontes alternativas caso suas fontes personalizadas não sejam carregadas.
Use fontes otimizadas e eficientes. Otimização significa que suas fontes carregam rapidamente e não afetam o desempenho ou a velocidade do seu site. Eficiência significa que suas fontes usam recursos mínimos e não causam erros ou problemas.Para otimizar e aprimorar suas fontes, você deve usar o formato e tamanho corretos para seus arquivos de fonte, compactar e minimizar seus arquivos de fonte, usar a regra @font-face com sabedoria e usar ferramentas como para controlar como suas fontes são renderizadas.
Conclusão
Em conclusão, FM Basuru X Font é uma fonte estrangeira que possui um estilo único e distinto baseado na escrita Sinhala. Ele pode ser usado para vários propósitos de web design, como logotipos, manchetes, banners, etc. No entanto, também apresenta algumas desvantagens, como baixa legibilidade, versatilidade limitada e restrições de licenciamento. Portanto, você deve usá-lo com cuidado e sabedoria para seus projetos de web design.
Para usar o FM Basuru X Font em seus projetos de web design, você precisa baixá-lo de um site de fontes gratuitas, instalá-lo em seu computador e aplicá-lo à sua página da web usando recursos CSS ou a regra @font-face. Você também precisa seguir algumas práticas recomendadas e dicas para usar fontes no design da web, como escolher fontes correspondentes, usar fontes seguras ou amigáveis para a web , usar fontes legíveis e legíveis, usar fontes compatíveis e consistentes e usar fontes otimizadas e eficientes.
perguntas frequentes
Aqui estão algumas das perguntas mais frequentes sobre FM Basuru X Font e web design:
Qual é a diferença entre os formatos TTF, OTF e WOFF?
TTF significa TrueType Font, que é um formato de fonte padrão que pode ser usado em sistemas Windows e Mac. OTF significa OpenType Font, que é uma extensão do formato TrueType que suporta mais recursos e idiomas. WOFF significa Web Open Font Format, que é uma versão compactada do formato OpenType projetado para uso na web.
Como posso verificar se uma fonte é gratuita para uso comercial?
Antes de usar uma fonte para fins comerciais, você deve verificar sua licença e termos de uso. Normalmente, você pode encontrar essas informações no site em que baixou a fonte ou no arquivo de licença que acompanha a fonte.Você deve procurar palavras-chave como "grátis", "somente para uso pessoal", "uso comercial", "atribuição", "doação" etc. Se não tiver certeza sobre a licença ou os termos de uso, entre em contato com o criador ou proprietário da fonte e peça permissão.
Como posso tornar meu site responsivo e adaptável a diferentes tamanhos de tela e dispositivos?
Para tornar seu site responsivo e adaptável, você precisa usar recursos CSS, como consultas de mídia, unidades de viewport, flexbox, grade etc. Esses recursos permitem ajustar o layout, tamanho, posição e aparência de seus elementos da web com base no tamanho da tela, resolução, orientação e tipo de dispositivo de seus visitantes. Você também pode usar estruturas como Bootstrap ou Foundation para simplificar o processo de criação de sites responsivos.
Como posso testar meu site em diferentes navegadores e dispositivos?
Para testar seu site em diferentes navegadores e dispositivos, você pode usar ferramentas como , etc. para medir e melhorar o desempenho e a velocidade do seu site.
Onde posso encontrar mais recursos e tutoriais sobre web design?
Existem muitos recursos e tutoriais online que podem ajudá-lo a aprender mais sobre web design. Alguns dos melhores são:
: este site tem tutoriais abrangentes e fáceis de seguir sobre HTML, CSS, JavaScript e outras tecnologias da web.
: este site tem documentação detalhada e autorizada sobre padrões da web, APIs e práticas recomendadas.
: este site tem cursos interativos e divertidos sobre desenvolvimento web, programação e ciência de dados.
: Este site tem cursos online das melhores universidades e organizações sobre web design, desenvolvimento web, design gráfico, design de interface do usuário, design de experiência do usuário, etc.
0517a86e26
Comments