Pular para o conteúdo
Odoo Menu
  • Entrar
  • Experimente grátis
  • Aplicativos
    Finanças
    • Financeiro
    • Faturamento
    • Despesas
    • Planilhas (BI)
    • Documentos
    • Assinar Documentos
    Vendas
    • CRM
    • Vendas
    • PDV Loja
    • PDV Restaurantes
    • Assinaturas
    • Locação
    Websites
    • Criador de Sites
    • e-Commerce
    • Blog
    • Fórum
    • Chat ao Vivo
    • e-Learning
    Cadeia de mantimentos
    • Inventário
    • Fabricação
    • PLM - Ciclo de Vida do Produto
    • Compras
    • Manutenção
    • Qualidade
    Recursos Humanos
    • Funcionários
    • Recrutamento
    • Folgas
    • Avaliações
    • Indicações
    • Frota
    Marketing
    • Redes Sociais
    • Marketing por E-mail
    • Marketing por SMS
    • Eventos
    • Automação de Marketing
    • Pesquisas
    Serviços
    • Projeto
    • Planilhas de Horas
    • Serviço de Campo
    • Central de Ajuda
    • Planejamento
    • Compromissos
    Produtividade
    • Mensagens
    • Aprovações
    • Internet das Coisas
    • VoIP
    • Conhecimento
    • WhatsApp
    Aplicativos de terceiros Odoo Studio Plataforma Odoo Cloud
  • Setores
    Varejo
    • Loja de livros
    • Loja de roupas
    • Loja de móveis
    • Mercearia
    • Loja de ferramentas
    • Loja de brinquedos
    Comida e hospitalidade
    • Bar e Pub
    • Restaurante
    • Fast Food
    • Hospedagem
    • Distribuidor de bebidas
    • Hotel
    Imóveis
    • Imobiliária
    • Escritório de arquitetura
    • Construção
    • Administração de propriedades
    • Jardinagem
    • Associação de proprietários de imóveis
    Consultoria
    • Escritório de Contabilidade
    • Parceiro Odoo
    • Agência de marketing
    • Escritório de advocacia
    • Aquisição de talentos
    • Auditoria e Certificação
    Fabricação
    • Têxtil
    • Metal
    • Móveis
    • Alimentação
    • Cervejaria
    • Presentes corporativos
    Saúde e Boa forma
    • Clube esportivo
    • Loja de óculos
    • Academia
    • Profissionais de bem-estar
    • Farmácia
    • Salão de cabeleireiro
    Comércio
    • Handyman
    • Hardware e Suporte de TI
    • Sistemas de energia solar
    • Sapataria
    • Serviços de limpeza
    • Serviços de climatização
    Outros
    • Organização sem fins lucrativos
    • Agência Ambiental
    • Aluguel de outdoors
    • Fotografia
    • Aluguel de bicicletas
    • Revendedor de software
    Navegar por todos os setores
  • Comunidade
    Aprenda
    • Tutoriais
    • Documentação
    • Certificações
    • Treinamento
    • Blog
    • Podcast
    Empodere a Educação
    • Programa de educação
    • Scale Up! Jogo de Negócios
    • Visite a Odoo
    Obtenha o Software
    • Baixar
    • Comparar edições
    • Releases
    Colaborar
    • Github
    • Fórum
    • Eventos
    • Traduções
    • Torne-se um parceiro
    • Serviços para parceiros
    • Cadastre seu escritório contábil
    Obtenha os serviços
    • Encontre um parceiro
    • Encontre um Contador
    • Conheça um consultor
    • Serviços de Implementação
    • Referências de Clientes
    • Suporte
    • Upgrades
    Github YouTube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Faça uma demonstração
  • Preços
  • Ajuda

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Financeiro
  • Inventário
  • PoS
  • Projeto
  • MRP
All apps
É necessário estar registrado para interagir com a comunidade.
Todas as publicações Pessoas Emblemas
Marcadores (Ver tudo)
odoo accounting v14 pos v15
Sobre este fórum
É necessário estar registrado para interagir com a comunidade.
Todas as publicações Pessoas Emblemas
Marcadores (Ver tudo)
odoo accounting v14 pos v15
Sobre este fórum
Ajuda

How can we add a custom font to the website

Inscrever

Seja notificado quando houver atividade nesta publicação

Esta pergunta foi sinalizada
fontfontswebsite_builder
5 Respostas
25490 Visualizações
Avatar
Sebastiaan

We run into some basic problems when trying to build our custom website with Odoo. Hopefully we find help here.

I have converted two lettertypes to webfonts which we would like to use on our website. Is there a specific location where we should place these maps? How can we chance the default lettertypes 1 and 2 for our website to these ones?

 

 

1
Avatar
Cancelar
Avatar
Yazeed
Melhor resposta

How can i add my custom font in my website?

0
Avatar
Cancelar
Avatar
Sebastiaan
Autor Melhor resposta

(Edi)

Think we figured it out:

If you add the following HTML code at the top of a page via the Odoo HTML editor:

<t t-name="website.PAGENAME">

    <t t-call="website.layout">

        <style>

            h1 {font-family: "Comic Sans MS", cursive, sans-serif; font-size:50px;}

        </style>

    </t>

</t> 

You will see that each H1 text (on that page only) is concverted to comic sans 50px. If you never use H6 on your website you may better declare H6 so you are still flexible to use H1 in the theme lettertype as well on that page if you want.

This method works for all websafe fonts, you can copy paste them here  http://www.w3schools.com/cssref/css_websafe_fonts.asp

We wanted however a different font, at http://www.fontsquirrel.com/tools/webfont-generator you can upload your font (make sure you have the correct licence) and let it generate a web-font kit. Upload the whole kit to your server, in the kit there is a generated stylesheet.css which contains the code you can probably also add to the frontend.css which your theme uses. If you did this the above HTML code should also allow to use that custom font (we are still checking, will update if we are wrong or found out more)

(ignore below comments)

0
Avatar
Cancelar
Sebastiaan
Autor

We now figured it out our selves I think. Via fontsquirrel you can upload a font (make sure you own of use free licence) and have the tool directly creaste an css file in your created package. That css (multiple declarations to support all kind of devices and browsers) file contains the code you can add to the frontend.ss of the theme you want to use it in. Then for each page where you like to use that font only for H1 simply add a piece of code at the start looking like this: t t-name="website.NAMEOFPAGE"> When you now add a buildingblock to that page and add H1 text in that black it is in the custom lettertype. Any H1 text on other pages will still be original font. We are pretty much there but still need to fully validate above method. Maybe good to mention that a lot of web safe fonts are already delivered with Odoo (I write this for noobs like myself) so without adding thing to your CSS file you can already choose a many custom fonts in you pages by for example adding Creates COMIC SANCE in size 50 when choosing H1...this mentod you can also choose another one for H2 etc. Hope it helps somebody who encounters the same question.

Sebastiaan
Autor

FOR SOME REASON ABOVE COMMENTS MISSES IMPORTENT PARTS OF THE TEXT. I CAN NOT ADD ANOTHER POST TO THIS THREAD TO EXPLAIN HOW TO DO THIS SO IF YOU HAVE THE SAME PROBLEM SIMLY REPLY AND I CAN TRY TO HELP

Logicious

how to embed custom font in odoo website(browser) ?font-type=Freight ??? how can i add my custom font in website? did you got any proper solution for that??

Está gostando da discussão? Não fique apenas lendo, participe!

Crie uma conta hoje mesmo para aproveitar os recursos exclusivos e interagir com nossa incrível comunidade!

Inscreva-se
Publicações relacionadas Respostas Visualizações Atividade
Adding new fonts to website builder
fonts website_builder
Avatar
Avatar
1
nov. 23
6312
Website editor does not work if not connected to the Internet
fonts website_builder v17
Avatar
1
nov. 23
3265
How to install new font on odoo.sh? Resolvido
font fonts odoo.sh
Avatar
Avatar
1
jul. 20
10876
Odoo website : Change header menu font color when "header position" is "on content"
header font colors website_builder
Avatar
Avatar
2
dez. 23
5452
Adding non google web-font to a theme
fonts theme website_builder v15
Avatar
Avatar
1
nov. 23
4898
Comunidade
  • Tutoriais
  • Documentação
  • Fórum
Open Source
  • Baixar
  • Github
  • Runbot
  • Traduções
Serviços
  • Odoo.sh Hosting
  • Suporte
  • Upgrade
  • Desenvolvimentos personalizados
  • Educação
  • Encontre um Contador
  • Encontre um parceiro
  • Torne-se um parceiro
Sobre nós
  • Nossa empresa
  • Ativos da marca
  • Contato
  • Empregos
  • Eventos
  • Podcast
  • Blog
  • Clientes
  • Legal • Privacidade
  • Segurança
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo é um conjunto de aplicativos de negócios em código aberto que cobre todas as necessidades de sua empresa: CRM, comércio eletrônico, contabilidade, estoque, ponto de venda, gerenciamento de projetos, etc.

A proposta de valor exclusiva Odoo é ser, ao mesmo tempo, muito fácil de usar e totalmente integrado.

Site feito com

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now