Skocz do zawartości
Szukaj na Pecetowiczu
  • Utwórz konto

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 komentarza
Udostępnij na innych stronach

It is not possible to change the theme in AdminCP.

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

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 komentarza
Udostępnij na innych stronach

(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 komentarza
Udostępnij na innych stronach

Kontynuuj dyskusję

Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.

  • Dodaj nową pozycję...
  • Dodaj nową pozycję...