Skocz do zawartości
Pecetowicz Forum komputerowe

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


Rekomendowane odpowiedzi

hi everybody

as you know in previous versions we could add our custom fonts to the Admin but in new versions (4.5) we couldn't.

is there a way?

Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert

It is not possible to change the theme in AdminCP.

Odnośnik do odpowiedzi
Udostępnij na innych stronach

@aXenDev as I see it is possible.

There are an app to change the admin font. If you want I can send you in PM. 

This app is made for persian language. 

But I wanna to know how it works. 

Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • 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.

  • Lubię to! 1
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ę...