[CLOSED] How to change font in theme ?

[core-ai-bot]

Issue by gthibaud
Saturday Apr 15, 2017 at 09:27 GMT
Originally opened as adobe/brackets#13304

---

Hi,
I'm working on a Theme for Brackets, and I want to use a custom font instead of the default Brackets font.
I tried to use a@font-face in the theme.less file, but it seem to not working...
`@font-face {
font-family: 'myfont';
src: url(fonts/myfont.ttf) format('ttf');
font-weight: normal;
font-style:normal;
}

.CodeMirror, .CodeMirror-scroll {
background-color:@background;
color:@foreground;
line-height: 25px;
font-family: 'myfont', Menlo;
}`

Does anyone have any idea how to do this?

Thank you very much for your help ! ;)

[core-ai-bot]

Comment by saurabh95
Saturday Apr 15, 2017 at 09:53 GMT

---

You can change font-size and font-family in preferences file.
Go to Debug->Open Preferences File. Then in the right pane in brackets.json file edit "fonts.fontSize" and "fonts.fontFamily"

[core-ai-bot]

Comment by saurabh95
Saturday Apr 15, 2017 at 10:00 GMT

---

Also are you using 1.9 version? If yes, then there are some issues related to font-size and font-family in this, so you can install a stable pre-release for 1.10 in which above issue is fixed, https://github.com/adobe/brackets/releases/tag/release-1.10-prerelease-1

[core-ai-bot]

Comment by gthibaud
Saturday Apr 15, 2017 at 11:21 GMT

---

Ok thank you very much !
I will download the pre-release 😊👍🏻

[core-ai-bot]

Comment by JLewis82
Tuesday Jun 13, 2017 at 16:59 GMT

---

Thank you so much!

[core-ai-bot]

Comment by MRUNetwork
Wednesday Aug 09, 2017 at 14:16 GMT

---

thanks

[core-ai-bot]

Comment by bnarris
Wednesday Nov 15, 2017 at 13:46 GMT

---

i have failed coz the font-size and font-family nothing changing

[core-ai-bot]

Comment by iffitheking
Sunday Apr 15, 2018 at 04:35 GMT

---

For me easier way is to go to view >> Themes... >> font-family
Make sure font name should be within quotes