Skocz do zawartości
Pecetowicz Forum komputerowe

How to add a custom font to the ACP? Invision Community


Rekomendowane odpowiedzi

  • SeNioR zmienił tytuł na How to add a custom font to the ACP? Invision Community
  • Założyciel

Do you want to change the font only in ACP or the whole forum? I don't know if I understood you correctly...

You can edit the includeCSS template and add your own font from Google Fonts.

Replace

<link href="https://fonts.googleapis.com/css?family={expression="\IPS\Http\Url::encodeComponent( \IPS\Http\Url::COMPONENT_FRAGMENT, \IPS\Theme::i()->settings['body_font'] )"}:300,300i,400,400i,500,700,700i" rel="stylesheet" referrerpolicy="origin">

To

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=YOURFONT:wght@300;300i;400;400i;500;700;700i&display=swap" rel="stylesheet">

Change YOURFONT text to the font name.

Then edit core/global/global.css, replace

{{if theme.body_font != 'default'}}"{theme="body_font"}",{{endif}}

to

{{if theme.body_font != 'default'}}"YOURFONT",{{endif}}

Also change YOURFONT text to the font name.

Odnośnik do odpowiedzi
Udostępnij na innych stronach
Napisano (edytowane)
3 hours ago, SeNioR said:

Do you want to change the font only in ACP or the whole forum? I don't know if I understood you correctly...

hi again,

I use this below code in custom.css:

@font-face {
    font-family: arash;
    src: url('{resource="Arash.woff" app="core" location="global"}') format('woff');
    font-style: normal;
    font-weight: normal;
}
body, h1, h2, h3, h4, h5, p,g, input, .ipsDataItem_statsLargeو .ipsDataItem_stats_number, .offline-el, .tag-label, .online-el, .ipsDialog_title, .ipsType_pageTitle, .ipsDialog_title, .ipsType_sectionTitle, .ipsType_secondaryTitle, .ipsType_sectionHead, .ipsType_minorHeading, .ipsApp label:not(.ipsField_unlimited), .ipsApp input, .ipsApp button, .ipsApp select, .ipsApp textarea, .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
 font-family: arash; 
}

but this code affect only on front-end. I wanna change ACP font too.

Edytowane przez LoveHate
Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...