History: Typefaces

• «
• »

{HTML(wiki="1")}
<style>
@font-face {
    font-family: 'Paneuropa';
    src: url('https://branding.tiki.org/tiki-download_file.php?fileId=201&display') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Paneuropa';
    src: url('https://branding.tiki.org/tiki-download_file.php?fileId=202&display') format('truetype');
    font-weight: light;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Paneuropa';
    src: url('https://branding.tiki.org/tiki-download_file.php?fileId=203&display') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Paneuropa', sans-serif;
}
</style>
{HTML}

{DIV(class="container-lg py-5")}
    {DIV(class="text-center mb-5")}
        {DIV(class="display-4 fw-bold" style="font-family: 'Paneuropa', sans-serif;")}Typography & Brand Voice{DIV}
        {DIV(class="lead font-secondary")}How we speak through type{DIV}
    {DIV}

    {DIV(class="row g-4 mb-5")}
        {DIV(class="col-md-6")}
            {DIV(class="bg-body rounded-3 shadow-sm border")}
                {DIV(class="fs-3 fw-bold mb-3 px-3" style="font-family: 'Paneuropa', sans-serif;")}Paneuropa{DIV}
                {DIV(class="px-3")}Our primary typeface. Modern, confident, and distinctive. Used for headlines, emphasis, and brand moments. Paneuropa is Tiki's official font used to produce its logos. It is licensed as: Open Font License (OFL){DIV}
                {DIV(class="mt-3 p-3 bg-light rounded")} 
!!! -+Paneuropia Highway+-
                    {DIV(class="fs-2 fw-bold" style="font-family: 'Paneuropa', sans-serif;")}ABCDEFGHIJKLMNOPQRSTUVWXYZ
                    {DIV}
                    {DIV(class="fs-2 fw-bold" style="font-family: 'Paneuropa', sans-serif;")}abcdefghijklmnopqrstuvwxyz{DIV}
                    {DIV(class="fs-2 fw-bold" style="font-family: 'Paneuropa', sans-serif;")}1234567890!@#$%&()/?{DIV}%%%%%%
!!! -+Paneuropia Road+-
                    {DIV(class="fs-2 fw-normal" style="font-family: 'Paneuropa', sans-serif;")}ABCDEFGHIJKLMNOPQRSTUVWXYZ
                    {DIV}
                    {DIV(class="fs-2 fw-normal" style="font-family: 'Paneuropa', sans-serif;")}abcdefghijklmnopqrstuvwxyz{DIV}
                    {DIV(class="fs-2 fw-normal" style="font-family: 'Paneuropa', sans-serif;")}1234567890!@#$%&()/?{DIV}
                {DIV}
            {DIV}
        {DIV}
        {DIV(class="col-md-6")}
            {DIV(class="bg-body rounded-3 shadow-sm border")}
                {DIV(class="fs-3 fw-bold font-secondary px-3 mb-3")}Arial{DIV}
                {DIV(class="px-3")}Our secondary typeface. Neutral, accessible, and universally readable. Used for body copy, UI, and documentation.{DIV}
                {DIV(class="mt-3 p-3 bg-light rounded")}
!!!! -+Arial — Regular+-
                    {DIV(class="fs-4")}ABCDEFGHIJKLMNOPQRSTUVWXYZ
                    {DIV}
                    {DIV(class="fs-4")}abcdefghijklmnopqrstuvwxyz{DIV}
                    {DIV(class="fs-4")}1234567890!@#$%&()/?{DIV}%%%
!!!! -+Arial — Bold+-
                    {DIV(class="fs-4 fw-bold")}ABCDEFGHIJKLMNOPQRSTUVWXYZ
                    {DIV}
                    {DIV(class="fs-4 fw-bold")}abcdefghijklmnopqrstuvwxyz{DIV}
                    {DIV(class="fs-4 fw-bold")}1234567890!@#$%&()/?{DIV}%%%
!!!! -+Arial — Italic+-
                    {DIV(class="fs-4 fst-italic")}ABCDEFGHIJKLMNOPQRSTUVWXYZ
                    {DIV}
                    {DIV(class="fs-4 fst-italic")}abcdefghijklmnopqrstuvwxyz{DIV}
                    {DIV(class="fs-4 fst-italic")}1234567890!@#$%&()/?{DIV}
                {DIV}
            {DIV}
        {DIV}
    {DIV}

    {DIV(class="bg-body-secondary p-4 rounded-3 mb-5")}
        {DIV(class="fs-4 fw-bold mb-3" style="font-family: 'Paneuropa', sans-serif;")}The Rules{DIV}
        {DIV(class="row")}
            {DIV(class="col-md-6")}
* Use Paneuropa for headings, buttons, and short labels
* Use Arial for paragraphs, tables, and form elements
* Minimum Paneuropa size: 20 px
* Always define Arial as the Paneuropa fallback
            {DIV}
            {DIV(class="col-md-6 font-secondary")}
* Do not use Paneuropa for long reading passages
* Do not substitute Arial for primary headlines
* Do not apply faux-bold or faux-italic to Paneuropa
* Do not introduce a third display font
            {DIV}
        {DIV}
    {DIV}
{DIV}



~tc~! Official font – Paneuropa

Paneuropa is Tiki's official font used to produce its logos. It is licensed as: Open Font License (OFL)

{img fileId=51}
{img fileId=52}
{img fileId=53}

[dl102|Download]

! System font – Arial

Arial is the system font to use in place of Paneuropa on Tiki's different websites and for word processing applications such as PowerPoint presentations.

{img fileId=54}
{img fileId=55}
{img fileId=56}
{img fileId=57}
~/tc~

!! Related links
* http://images.google.com/images?q=tiki+font

-=alias=-
* (alias(font))