# How to update admin panel css

**URL:** <https://forum.ghost.org/t/how-to-update-admin-panel-css/6716>\
**Category:** Developer help\
**Created:** [April 9, 2019, 12:35am UTC](https://forum.ghost.org/t/how-to-update-admin-panel-css/6716 "2019-04-09T00:35:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fred](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/fred/32/3146_2.png) [@Fred](https://forum.ghost.org/u/Fred)\
**Post date:** [April 9, 2019, 12:35am UTC](https://forum.ghost.org/t/how-to-update-admin-panel-css/6716/1 "2019-04-09T00:35:24Z")

</div>

Hi experts,

My objective is to use a new custom font in ghost.  
Here is my css added to Code Injection of Site Header.  
-----------------------CSS Starts here-------------------------------  
  
@font-face {  
font-family:‘ZawDecode’;  
src: url(‘[http://myserver.com/zawdecode.ttf](http://myserver.com/zawdecode.ttf)’);  
}

```
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
title {
    font-family: 'ZawDecode', sans-serif;
}
</style>

```

-------------------------------------CSS Ends Here-------------------------------

But the font is only working for Site pages and not working for admin pages.  
Please refer to the attached screenshot.

 ![ghost_issue](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/f/f7219a554ba275bdce94bad67527108e0df9dbd4.jpeg)

How should I add my font to be applied in all ghost pages?

Best Regards,  
Homer

---

<div class="post-metadata">

**Author:** ![vikaspotluri123](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/vikaspotluri123/32/24_2.png) [@vikaspotluri123](https://forum.ghost.org/u/vikaspotluri123)\
**Post date:** [April 9, 2019, 12:47am UTC](https://forum.ghost.org/t/how-to-update-admin-panel-css/6716/2 "2019-04-09T00:47:46Z")

</div>

Hey @Fred 👋

The admin interface and your site do not use any shared styles or components. If you want to change the fonts in the admin interface, this thread might be useful:

> [@Changing Editor Font](https://forum.ghost.org/t/changing-editor-font/6622):
>
> Hello, I’m new (returning) to Ghost and I noticed that the post editor includes serif fonts. Is there anyway to change this? It’s a bias I have against staring at serif fonts. Thanks.

---

<div class="post-metadata">

**Author:** ![Fred](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/fred/32/3146_2.png) [@Fred](https://forum.ghost.org/u/Fred)\
**Post date:** [April 9, 2019, 12:54am UTC](https://forum.ghost.org/t/how-to-update-admin-panel-css/6716/3 "2019-04-09T00:54:17Z")

</div>

Thanks @vikaspotluri123.  
This will do for me.

---

<div class="post-metadata">

**Author:** ![naz](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/naz/32/30666_2.png) [@naz](https://forum.ghost.org/u/naz)\
**Post date:** [April 9, 2019, 4:32am UTC](https://forum.ghost.org/t/how-to-update-admin-panel-css/6716/4 "2019-04-09T04:32:11Z")

</div>