Přejít na obsah
Odoo Menu
  • Přihlásit se
  • Vyzkoušejte zdarma
  • Aplikace
    Finance
    • Účetnictví
    • Fakturace
    • Výdaje
    • Spreadsheet (BI)
    • Dokumenty
    • Podpisy
    Prodej
    • CRM
    • Prodej
    • POS Obchod
    • POS Restaurace
    • Předplatné
    • Pronájem
    Webové stránky
    • Webové stránky
    • E-shop
    • Blog
    • Fórum
    • Živý chat
    • eLearning
    Dodavatelský řetězec
    • Sklad
    • Výroba
    • PLM
    • Nákup
    • Údržba
    • Kvalita
    Lidské zdroje
    • Zaměstnanci
    • Nábor
    • Volno
    • Hodnocení zaměstnanců
    • Doporučení
    • Vozový park
    Marketing
    • Marketing sociálních sítí
    • Emailový marketing
    • SMS Marketing
    • Události
    • Marketingová automatizace
    • Dotazníky
    Služby
    • Projekt
    • Časové výkazy
    • Práce v terénu
    • Helpdesk
    • Plánování
    • Schůzky
    Produktivita
    • Diskuze
    • Schvalování
    • IoT
    • VoIP
    • Znalosti
    • WhatsApp
    Aplikace třetích stran Odoo Studio Odoo cloudová platforma
  • Branže
    Maloobchod
    • Knihkupectví
    • Obchod s oblečením
    • Obchod s nábytkem
    • Potraviny
    • Obchod s hardwarem
    • Hračkářství
    Food & Hospitality
    • Bar a Pub
    • Restaurace
    • Fast Food
    • Guest House
    • Distributor nápojů
    • Hotel
    Real Estate
    • Real Estate Agency
    • Architektonická firma
    • Stavba
    • Správa nemovitostí
    • Zahradnictví
    • Asociace vlastníků nemovitosti
    Consulting
    • Accounting Firm
    • Odoo Partner
    • Marketingová agentura
    • Právník
    • Akvizice talentů
    • Audit a certifikace
    Výroba
    • Textile
    • Metal
    • Furnitures
    • Food
    • Brewery
    • Korporátní dárky
    Zdraví a fitness
    • Sportovní klub
    • Prodejna brýli
    • Fitness Centrum
    • Wellness praktikové
    • Lékárna
    • Kadeřnictví
    Trades
    • Údržbář
    • IT hardware a podpora
    • Solar Energy Systems
    • Výrobce obuvi
    • Úklidové služby
    • HVAC Services
    Others
    • Nonprofit Organization
    • Agentura pro životní prostředí
    • Pronájem billboardů
    • Fotografování
    • Leasing jízdních kol
    • Prodejce softwaru
    Browse all Industries
  • Komunita
    Edukační program
    • Tutoriály
    • Dokumentace
    • Certifikace
    • Vzdělávání
    • Blog
    • Podcast
    Podpora vzdělávání
    • Vzdělávací program
    • Scale Up! Hra na firmu
    • Navštivte Odoo
    Získat software
    • Stáhnout
    • Porovnejte edice
    • Verze
    Spolupráce
    • Github
    • Fórum
    • Události
    • Překlady
    • Stát se partnerem
    • Services for Partners
    • Registrujte svou účetní firmu
    Získat služby
    • Najít partnera
    • Najít účetní
    • Setkejte se s poradcem
    • Implementační služby
    • Zákaznické reference
    • Podpora
    • Upgrady
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Dohodnout demo
  • Ceník
  • Pomoc

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

  • CRM
  • e-Commerce
  • Účetnictví
  • Sklad
  • PoS
  • Projekty
  • MRP
All apps
You need to be registered to interact with the community.
All Posts Lidé Odznaky
Štítky (View all)
odoo accounting v14 pos v15
O tomto fóru
You need to be registered to interact with the community.
All Posts Lidé Odznaky
Štítky (View all)
odoo accounting v14 pos v15
O tomto fóru
Pomoc

How can we add a custom font to the website

Odebírat

Get notified when there's activity on this post

This question has been flagged
fontfontswebsite_builder
5 Odpovědi
25499 Zobrazení
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
Zrušit
Avatar
Yazeed
Nejlepší odpověď

How can i add my custom font in my website?

0
Avatar
Zrušit
Avatar
Sebastiaan
Autor Nejlepší odpověď

(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
Zrušit
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??

Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Přihlásit se
Related Posts Odpovědi Zobrazení Aktivita
Adding new fonts to website builder
fonts website_builder
Avatar
Avatar
1
lis 23
6315
Website editor does not work if not connected to the Internet
fonts website_builder v17
Avatar
1
lis 23
3267
How to install new font on odoo.sh? Vyřešeno
font fonts odoo.sh
Avatar
Avatar
1
čvc 20
10879
Odoo website : Change header menu font color when "header position" is "on content"
header font colors website_builder
Avatar
Avatar
2
pro 23
5453
Adding non google web-font to a theme
fonts theme website_builder v15
Avatar
Avatar
1
lis 23
4900
Komunita
  • Tutoriály
  • Dokumentace
  • Fórum
Open Source
  • Stáhnout
  • Github
  • Runbot
  • Překlady
Služby
  • Odoo.sh hostování
  • Podpora
  • Upgrade
  • Nestandardní vývoj
  • Edukační program
  • Najít účetní
  • Najít partnera
  • Stát se partnerem
O nás
  • Naše společnost
  • Podklady značky
  • Kontakujte nás
  • Práce
  • Události
  • Podcast
  • Blog
  • Zákazníci
  • Právní dokumenty • Soukromí
  • Zabezpečení
الْعَرَبيّة 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 je balíček open-source aplikací, které pokrývají všechny potřeby vaší společnosti: CRM, e-shop, účetnictví, sklady, kasy, projektové řízení a další.

Unikátní nabídka od Odoo poskytuje velmi jednoduché uživatelské rozhraní a vše je integrované na jednom místě.

Website made with

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