Changing font size

Report · Oct 19, 2021

I have CS6, how to I set the font size for a single sentence?

Report · Oct 19, 2021

the easiest way is to add a specific calss to this sentence... but first there are two contexts...

Context 1... you want to apply the font size to the all TAG

so lets say that you have you sentence that way (I use a P TAG, but it could be any TAG

<p>The sentence</p>

you create and add a class to this TAG that way

<p class="myclass">The sentence</p>

Context 2... you want to apply a different font size in the middle of a TAG and focus on some words only

so you will have to add a SPAN TAG containing the class, that way

<p>The <span class="myclass">sentence</span></p>

now, in both context, you have to declare the class in a CSS sheet, or the STYLE TAG in the header of the HTML document

problem wit this latter solution is that this CSS class will be available only in this document and not in your entire web site.

So let's go for instance in this limited solution

go in between the HEAD TAG in the top of your document and add the following code

<style>
    .myclass {
        font-size:36px;
    }
</style>

Report · Oct 19, 2021

Hi Birnou,
Thank you.
When I add a to the page it puts too much blank space before the .
Can I change the amount of space before the or can I use your suggestions somehow without the

Report · Oct 19, 2021

When I add a to the page it puts too much blank space before the .
Can I change the amount of space before the or can I use your suggestions somehow without the 

By @Harrirt0D44

Use margin/padding to control the spacing:

Some text goes here

Css - 0px 0px 0px 0px - Top/Right/Bottom/Left (You dont technically need to include the measurement, in the example case 'px' IF set to 0 BUT include the measurement IF the value is more than zero, example - 10px 15px 10px 15px etc.

Set the css for '.myClass' in your css stylesheet IF you have one attached to your page:

.myClass {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

OR wrap the '.myClass' css selector in <style> tags and insert in the block of code in the <head></head> section of your pages code:

<style>

.myClass {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

</style>

Report · Oct 19, 2021

@Harrirt0D44,

Add this to your cascading stylesheet or CSS file.

p {

margin:0;

padding:0;

font-size: 1rem;

line-height: 1;

}

.large {font-size: 2rem; line-height: 2} /**adjust values as needed**/

HTML:

This paragraph is normal size.

This paragraph is large size.

Hope that helps.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 19, 2021

When I add a to the page it puts too much blank space before the .
Can I change the amount of space before the or can I use your suggestions somehow without the 
By @Harrirt0D44

hello @Harrirt0D44

well in HTML there are two types of TAG... the bloc TAG and the inline TAG...

The P TAG is a bloc type. So it means that it has rules for being positionned

https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block

beside the bloc type of TAGs, there is CSS rules that control the display.

and among all the CSS properties, there is the DISPLAY one which can affect the way the positionning is handled

https://developer.mozilla.org/en-US/docs/Web/CSS/display

now in an other side the P TAG is used to define a paragraph... but your sentence, can be many type of TAG... BLOCKQUOTE, P (to name a few, but there is not so much anyway) which are bloc TYPE, and ABBR, EM, STRONG... which are inline TYPE

you can have access to all the HTML TAG available , and how to use them http://w3c.github.io/html-reference/elements.html#elements

(this reference is not well updated... i.e PICTURE is missing, but I really like the way the tree and hyperlinks are done)... here is more updated one... less easy to ready anyway... https://html.spec.whatwg.org/multipage/#toc-semantics - chapter 4.4 Grouping content and chapter 4.5 Text-level semantics

this one is fine to help you choose the appropriate TAG for your sentence - https://html.spec.whatwg.org/multipage/text-level-semantics.html#usage-summary

Report · Oct 29, 2021

All the replies address changing the font size in HTML, isn't it possible to change the font side in Design mode?

Report · Oct 29, 2021

Learn to work with code. It's much faster than Design Panels.

Nancy O'Shea— Product User, Community Expert & Moderator