Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

How to change font in theme ? #13304

Closed
gthibaud opened this issue Apr 15, 2017 · 7 comments
Closed

How to change font in theme ? #13304

gthibaud opened this issue Apr 15, 2017 · 7 comments

Comments

@gthibaud
Copy link

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 ! ;)

@saurabh95
Copy link
Contributor

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"

@saurabh95
Copy link
Contributor

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

@gthibaud
Copy link
Author

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

@JLewis82
Copy link

Thank you so much!

@MRUNetwork
Copy link

thanks

@bnarris
Copy link

bnarris commented Nov 15, 2017

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

@iffitheking
Copy link

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants