Skip to Content
Odoo Меню
  • Увійти
  • Спробуйте це безкоштовно
  • Додатки
    Фінанси
    • Бухоблік
    • Виставлення рахунку
    • Витрати
    • Електронні таблиці (BI)
    • Документи
    • Підпис
    Продажі
    • CRM
    • Продажі
    • POS Магазин
    • POS Ресторан
    • Підписки
    • Оренда
    Веб-сайти
    • Конструктор веб-сайту
    • Електронна комерція
    • Блог
    • Форум
    • Живий чат
    • Електронне навчання
    Ланцюг поставок
    • Склад
    • Виробництво
    • PLM
    • Купівлі
    • Технічне обслуговування
    • Якість
    Кадри
    • Співробітники
    • Рекрутинг
    • Відпустки
    • Оцінювання
    • Рекомендації
    • Автотранспорт
    Маркетинг
    • Маркетинг соцмереж
    • Email-маркетинг
    • SMS-маркетинг
    • Події
    • Автом. маркетингу
    • Опитування
    Послуги
    • Проект
    • Табелі
    • Виїзне обслуговування
    • Служба підтримки
    • Планування
    • Призначення
    Продуктивність
    • Обговорення
    • Схвалення
    • IoT
    • IP-телефонія
    • База знань
    • WhatsApp
    Сторонні модулі Odoo Studio Платформа Odoo Cloud
  • Сфери
    Роздрібна торгівля
    • Книжковий магазин
    • Магазин одягу
    • Магазин меблів
    • Продуктовий магазин
    • Магазин будівельних матеріалів
    • Магазин іграшок
    Food & Hospitality
    • Бар та паб
    • Ресторан
    • Фастфуд
    • Guest House
    • Дистриб'ютор напоїв
    • Hotel
    Нерухомість
    • Real Estate Agency
    • Архітектурна фірма
    • Будівництво
    • Управління нерухомістю
    • Садівництво
    • Асоціація власників нерухомості
    Консалтинг
    • Бухгалтерська компанія
    • Партнер Odoo
    • Агенція маркетингу
    • Юридична фірма
    • Придбання Талантів
    • Аудит та сертифікація
    Виробництво
    • Textile
    • Metal
    • Меблі
    • Їжа
    • Brewery
    • Корпоративні подарунки
    Здоров'я & Фітнес
    • Спортивний клуб
    • Оптика
    • Фітнес-центр
    • Практики здоров'я
    • Аптека
    • Салон краси
    Trades
    • Ремонтник
    • IT-обладнання та Підтримка
    • Системи сонячної енергії
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Інші
    • Nonprofit Organization
    • Екологічна агенція
    • Оренда білбордів
    • Фотографія
    • Лізинг велосипедів
    • Реселлер програмного забезпечення
    Browse all Industries
  • Спільнота
    Навчання
    • Навчальний посібник
    • Документація
    • Сертифікації
    • Тренування
    • Блог
    • Подкаст
    Сприяйте Освіті
    • Програма навчання
    • Бізнес гра Scale Up!
    • Відвідайте Odoo
    Отримайте програмне забезпечення
    • Завантаження
    • Порівняйте версії
    • Релізи
    Співпрацюйте
    • Github
    • Форум
    • Події
    • Переклади
    • Стати партнером
    • Services for Partners
    • Зареєструйте вашу бухгалтерську фірму
    Отримайте послуги
    • Знайдіть партнера
    • Знайдіть бухгалтера
    • Зустріньтеся з консультантом
    • Послуги з впровадження
    • Референси клієнтів
    • Підтримка
    • Оновлення
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Отримати демо
  • Ціни
  • Допомога

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

  • CRM
  • e-Commerce
  • Бухоблік
  • Склад
  • PoS
  • Проект
  • MRP
All apps
Вам необхідно зареєструватися, щоб взаємодіяти зі спільнотою.
All Posts Люди Значки
Мітки (View all)
odoo accounting v14 pos v15
Про цей форум
Вам необхідно зареєструватися, щоб взаємодіяти зі спільнотою.
All Posts Люди Значки
Мітки (View all)
odoo accounting v14 pos v15
Про цей форум
Допомога

How can we add a custom font to the website

Підписатися

Отримуйте сповіщення про активність щодо цієї публікації

Це запитання позначене
fontfontswebsite_builder
5 Відповіді
25522 Переглядів
Аватар
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
Аватар
Відмінити
Аватар
Yazeed
Найкраща відповідь

How can i add my custom font in my website?

0
Аватар
Відмінити
Аватар
Sebastiaan
Автор Найкраща відповідь

(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
Аватар
Відмінити
Sebastiaan
Автор

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
Автор

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!

Реєстрація
Related Posts Відповіді Переглядів Дія
Adding new fonts to website builder
fonts website_builder
Аватар
Аватар
1
лист. 23
6323
Website editor does not work if not connected to the Internet
fonts website_builder v17
Аватар
1
лист. 23
3295
How to install new font on odoo.sh? Вирішено
font fonts odoo.sh
Аватар
Аватар
1
лип. 20
10889
Odoo website : Change header menu font color when "header position" is "on content"
header font colors website_builder
Аватар
Аватар
2
груд. 23
5464
Adding non google web-font to a theme
fonts theme website_builder v15
Аватар
Аватар
1
лист. 23
4906
Спільнота
  • Навчальний посібник
  • Документація
  • Форум
Open Source
  • Завантаження
  • Github
  • Runbot
  • Переклади
Послуги
  • Хостинг Odoo.sh
  • Підтримка
  • Оновлення
  • Кастомні доробки
  • Навчання
  • Знайдіть бухгалтера
  • Знайдіть партнера
  • Стати партнером
Про нас
  • Наша компанія
  • Торгові активи
  • Зв'яжіться з нами
  • Вакансії
  • Події
  • Подкаст
  • Блог
  • Клієнти
  • Юридичні документи • Конфіденційність
  • Безпека
الْعَرَبيّة 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 - це набір програм для роботи з відкритим кодом, які охоплюють всі ваші потреби компанії: CRM, електронна комерція, бухгалтерський облік, склад, точка продажу, управління проектами тощо.

Унікальна пропозиція Odoo - це одночасно дуже проста у використанні та повністю інтегрована.

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