anybody know how to change jupyter notebook code cells to bold like this?
because now i have not standart jupyter font size and don't know why
now i have font like this
The content of the notebook is styled using CSS. If you want to customise it then you need to create a custom style sheet.
Create a custom folder in the Jupyter profile folder, usually ~/.jupyter/custom/.
Within this folder create a custom.css file and add your custom CSS to it.
.code_cell {
font-weight: bold;
}
Changes should take effect the next time you open Jupyter Notebook.
Jupyter Notebook uses css for styling.
In order to have code font displayed in bold, you have to edit the custom.css file in the jupyter directory.
The css portion that defines the code font weight is the following:
}
HTML,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
span,
a {
text-rendering: geometricPrecision;
-webkit-font-smoothing: subpixel-antialiased;
font-weight: 400;
}
Just change the font-weight declaration from font-weight: 400; to font-weight: bold;.
Related
So I have a production project in laravel. The problem I'm facing is when I upload custom font to public directory (ttf, woff, woff2) and then in .css file specify #font family it does show up in CSS when I inspect element as font-family but font does not actually change.
#font-face {
src: url('/../fonts/custom-font.woff');
font-family: "custom-font" !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: "custom-font" !important;
In my case I had several problems. First of all I had !important which was not needed, but most importantly, the font i was using was wrongly formatted.
#font-face {
src: url('/../fonts/custom-font.woff');
font-family: "custom-font";
}
h1, h2, h3, h4, h5, h6 {
font-family: "custom-font";
}
It should have been like this, and make sure you double check font you are using
I'm trying to change the font-family of the code block in Confluence by adding this Space Tools -> Look and Feel -> Stylesheet:
#import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:700|Roboto+Mono&display=swap');
.code { font-family: "Roboto Mono", monospace; }
If I inspect the computed CSS in the browser, it shows that it's using "Roboto Mono" for the font-family. However, visually, I know that it's not Roboto Mono but the default monospace font of the browser.
I added this and it worked:
pre, code, .code, .code .container, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter a { font-family: "Roboto Mono", monospace; }
I am trying to override the font of all headers, input, select, text area and input placeholders on my site with the following code:
h1, h2, h3, h4, h5, h6,
button, input, select, textarea,
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::-webkit-input-placeholder {
font-family:some font name;
}
The problem is, for some reason it isn't working on Chrome. If I delete the :-moz and :-ms references, then chrome works fine, which leads me to believe that Chrome doesn't like pseudo-classes for some reason? I'm stumped, because I can't see why pseudo-classes that have nothing to do with Chrome would make it not work!
You need to make separate declarations for it to work in all browsers, otherwise a conflict will cause undesired results like this.
h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
font-family: somefont;
}
::-webkit-input-placeholder {
font-family: somefont;
}
:-moz-placeholder {
font-family: somefont;
}
::-moz-placeholder {
font-family: somefont;
}
:-ms-input-placeholder {
font-family: somefont;
}
I am using a pretty standard print stylesheet for my webpage, and it works perfect in all browsers except for Google Chrome. Whenever I print the page in Chrome it both previews it and prints it using my tablet stylesheet. When printed from another browser it prints using the standard stylesheet.
All of my other webpages print fine in chrome, but this one webpage is giving me trouble. Any ideas as to what the problem could be?
The following is my print.css file.
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;/*margin: 25mm 25mm 25mm 25mm;*/}
#page-wrapper.container {background:none;
min-width:960px;
max-width:960px;
width:100%}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
Can you please include the code snippet of where the CSS gets included into the page? if media="print" is set on the link tag for our tablet stylesheet, then that's what the printer will use. Without some code, it's hard to diagnose.
I am trying to override the font of all headers, input, select, text area and input placeholders on my site with the following code:
h1, h2, h3, h4, h5, h6,
button, input, select, textarea,
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::-webkit-input-placeholder {
font-family:some font name;
}
The problem is, for some reason it isn't working on Chrome. If I delete the :-moz and :-ms references, then chrome works fine, which leads me to believe that Chrome doesn't like pseudo-classes for some reason? I'm stumped, because I can't see why pseudo-classes that have nothing to do with Chrome would make it not work!
You need to make separate declarations for it to work in all browsers, otherwise a conflict will cause undesired results like this.
h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
font-family: somefont;
}
::-webkit-input-placeholder {
font-family: somefont;
}
:-moz-placeholder {
font-family: somefont;
}
::-moz-placeholder {
font-family: somefont;
}
:-ms-input-placeholder {
font-family: somefont;
}