Setting font on new block editor
-
I’ve been using the block editor for a week or so, using either classic or verse block.
I cut and paste form WPS Writer, and my Arial font suddenly becomes Courier! I cant see any way to change font once the text is copied into the block.Advice please? Courier is hideous!
-
Hi there,
I cut and paste form WPS Writer, and my Arial font suddenly becomes Courier!
Hmm, I’ve not seen that, but I’m guessing it’s using your theme’s default fount. Could you send a link to the site you’re having trouble with so we can take a look?
Note these forums are for the sites hosted and managed here at WordPress.com. For help with a WordPress installation hosted somewhere else, you’ll need to use these forums instead:
-
-
There is no way to essentially copy fonts from a document to a website. In order for the fonts to be displayed, they’d have to already be installed on the viewer’s computer, or they’d have to be enqueued into the site from a web font source like Google Fonts.
The good news is, you can do the latter with a Premium plan or higher: https://wordpress.com/support/custom-fonts/
-
Excuse me? This worked before — and it worked after I started using the Block editor.
Please explain why.
-
Ok, lets get this clear. When I cut and paste text from WPS Writer into the Verse Block, this is what appears in the blog post with everything in courier font:
@font-face{ font-family:”Times New Roman”; } @font-face{ font-family:”宋体”; } @font-face{ font-family:”Calibri”; } p.MsoNormal{ mso-style-name:Normal; mso-style-parent:””; margin-bottom:10.0000pt; line-height:114%; font-family:Calibri; mso-bidi-font-family:’Times New Roman’; font-size:11.0000pt; } p.15{ mso-style-name:”No Spacing”; margin-bottom:0.0000pt; font-family:Calibri; mso-bidi-font-family:’Times New Roman’; font-size:11.0000pt; } span.msoIns{ mso-style-type:export-only; mso-style-name:””; text-decoration:underline; text-underline:single; color:blue; } span.msoDel{ mso-style-type:export-only; mso-style-name:””; text-decoration:line-through; color:red; } @page{mso-page-border-surround-header:no; mso-page-border-surround-footer:no;}@page Section0{ } div.Section0{page:Section0;}
The Fading of YellowStudies show that yellow is receding
there is less and less in autumn leaves
when grasses die back in dry heat
they go straight to brown
wicker baskets are darkening
as is the Cheetah’s fur and
Daffodils are bleaching to white.
Children no longer paint the Sun as yellow
but rather pink.I don’t get the rubbish HTML if I use classic or paragraph block, BUT, my poem then has double line spacing wchich frankly makes me look like an amateur. I was recommeded verse block by a ‘happiness engineer’.
Do I really need a premium plan to make verse block work? :)
-
When I cut and paste text from WPS Writer into the Verse Block, this is what appears in the blog post with everything in courier font:
The rubbish HTML is appearing because you are using a word processing program to write your verse and then copying and pasting from the program to your WPcom site. Most word processing programs inject all kinds of junk HTML code that doesn’t translate to a website and can eventually mess up the formatting on your site. If you do want to write in a word processing program, we’ve always suggested to use the Paste as Text button https://wordpress.com/support/microsoft-word/
Additionally, the font in the verse block is a monospaced font. If that doesn’t appeal to you, then there’s no reason to use it.
As far as spacing, if you Shift+Enter at the end of a line in a paragraph Block or Classic Block, that will give you single line spacing.
-
Ok, just tried Paste as text and NO it’s not working. What I get is double spaced lines although the original in WPS Writer was not. Looking at the HTML I see:
<p>The Fading of Yellow</p>
<p>Studies show that yellow is receding</p>
<p>there is less and less in autumn leaves</p>
<p>when grasses die back in dry heat</p> -
It sounds like you’re close. In your latest example, did you paste as text into the post editor in general? Or, did you paste as text right into a Classic block?
If you haven’t tried the latter, give it a shot and let us know how that goes.
If it still doesn’t work, what I would recommend trying next is a middle step: copy the text from WPS Writer and paste as text into a text editing app of your choice. I believe Windows uses Notepad, which should work. Once the text is within the text editor, check that it’s spaced correctly, then copy and paste into your WordPress.com editor. (Should not need to paste as text because it’s coming from text editor app.
It’s annoying to have that go-between step, but it might be the only way to get all that rubbish HTML out of the content and get the behavior in the WordPress.com editor that you expect.
-
FWIW-I just wrote a short 4-liner in MS Word making sure to Shift+Enter at the end of each line and copy/pasted it as text in a Classic Block and this is what it looks like in the resulting HTML
<p>The sun did rose<br>the flowers did blome<br>the sky turned rod<br>the heart did ruin</p>Then I pasted the same 4-liner from Word directly in the Block Editor’s Paragraph block, and it came out the same as the above in HTML.
I will say that in the Editor itself the line spacing looks more than single-spaced, but Previewing it before publishing shows it as single-spaced. (temp screenshots)
That each line of your lines is wrapped in
Ptags, rather than having aBRtag at the end of each line, is indeed odd since you mentioned you Pasted as Text (I assume in the Classic Block) and the original in WPS Writer was single-spaced. So @deancroyal’s suggestion to either write in Notepad or any other text editor or paste your verse into a text editor before pasting it into the WordPress Editor should work. -
JustJennifer — I am NOT using MS Word. As stated in the OP, I am using WPS Writer. You appear to be solving the wrong problem. :)
-
DeanCroyal,
I’ll test the text thing. Real life has just intervened. Get back to you later.
Still puzzled why you folks would assume your users type directy into WP. As a writer, my word-processing tool is my main ‘thing’ .
-
Hi again,
That each line of your lines is wrapped in P tags, rather than having a BR tag at the end of each line, is indeed odd since you mentioned you Pasted as Text (I assume in the Classic Block) and the original in WPS Writer was single-spaced.
So it might be an issue with WPS Writer itself because I didn’t run into this issue with MSWord. I never said you were using MSWord. Cheers.
-
DeanCroyal,
Using a text editor stops the double line spacing, which is great. BUT the font is still Courier. For example in the sceduled post,
In fact, if I type a poem directly into the verse block, I STILL get Courier font. The example of that is my post:
Help!
-
Hi –
Thanks for sharing those specific links. Looking at the body of the post here: https://thecheesesellerswife.wordpress.com/?p=5033 I do not see
courierfont. Can you let me know where you’re seeing courier listed? The font family listed in the CSS of the theme is monospace for the body of the text with in that verse block. -
I see it when I’m looking at preview for that scheduled post, still do this morning!
You know, the font that looks like it’s from a toy typewriter. :-) -
Hi there,
The content on that post is added inside a verse block. In order to preserve spacing exactly as you type it, the verse block wraps content in preformatted tags (
<pre>) in the HTML, and preformatted text always use a monospaced font. The most common monospace font used on most operating systems is Courier, which is why you’re seeing that font.In other words, it’s expected for your text to display in that font when using the Verse block.
-
Thank you kokkieh, I’ve been struggling with this since the end of August and you are the only person to tell me verse block defaults to courier. Pity no one else could do that, it would have saved me aggro…..
That presumably explains why lizkarkoski is not seeing courier on my blog, it’s an operating system thing.
Frankly courier makes poetry look awful –and I’m not the only WP poet to say that this week on my blog and others, so the verse block is not excactly “fit for purpose”. But it’s early days I assume with your blocks, and perhaps verse will be better some day……….
Cut and pasting into the paragraph block has been suggested by another blogger, will see if that works. Sigh. ;)
- The topic ‘Setting font on new block editor’ is closed to new replies.
WordPress.com Forums 