Answers.Body: <p>I eventually found out that I can use </p>
  
  <pre><code>style="font-size:90%;"
  </code></pre>
  
  <p>which is not exactly what I wanted but is sufficients for my needs.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-02-07T11:19:08.687Z
Answers.LastActivityDate: 2019-02-07T11:19:08.687Z
Answers.UserDisplayName: mau
Answers.Body: <p>If I understand correctly what you want to do, you will need three different font sizes, one for the main body text, one for the footnote, and another for the quotations.</p>
  <p>As you correctly guessed, using a relative CSS unit<sup>1</sup> is the way to go, but I think that in this case it is more correct to use <code>em</code> or <code>rem</code> instead of <code>%</code>, since it these are units directly referencing font sizes.</p>
  <p>I also advise you to use classes and set the actual styling on an external CSS file, in order to have a cleaner and more manageable code.</p>
  <h2>Example</h2>
  <p><strong>HTML file:</strong></p>
  <pre><code>&lt;div class=&quot;footnotes&quot;&gt;
  
      &lt;p&gt;Lorem ipsum dolor sit amet[...]&lt;/p&gt;
  
      &lt;blockquote&gt;Lorem ipsum dolor sit amet[...]&lt;/blockquote&gt;
  
      &lt;p&gt;Lorem ipsum dolor sit amet[...]&lt;/p&gt;
  
  &lt;/div&gt;
  </code></pre>
  <p><strong>CSS file:</strong></p>
  <pre><code>.footnotes p {
      font-size: 0.9rem;
  }
  
  .footnotes blockquote {
      font-size: 0.8rem;
  }
  
  </code></pre>
  <p>What we do here is wrapping the footnotes with a <code>&lt;div&gt;</code> and giving it a <code>footnotes</code> class, in order to easily select it in the CSS file; inside it, we have standard <code>&lt;p&gt;</code> paragraphs, that we set to have a font size 90% of the standard body text (by using <code>rem</code> units); then we used the <code>&lt;blockquote&gt;</code> HTML tag to wrap and style the quotations, and in this case we set the font size to be 80% of the body text.</p>
  <hr />
  <p><sub>1. <a href="https://www.w3schools.com/CSSref/css_units.asp" rel="nofollow noreferrer">Here</a> is a reference to CSS units; please note that not all of them are pertinent or useful for epub use</sub></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-03-03T18:12:48.980Z
Answers.Text: Well, I actually used an external style in my ebook :-) 
  
  As for using absolute sizes, I am not sure if they can be easily overridden by a standard reader (in the sense of program): this is why I settled for a relative size.
Answers.UserDisplayName: mau
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-03-02T17:23:16.157Z
Answers.LastActivityDate: 2019-03-02T17:23:16.157Z
Answers.LastEditDate: 2020-06-18T08:36:04.683Z
Answers.UserDisplayName: Sekhemty
Body: <p>I am editing an ebook, trying to mimic the original format of its text. In the book, footnotes are written in a smaller font with respect to normal text, and so are quotations; this means that a quotation inside a footnote is even smaller.</p>
  
  <p>I used an inline style</p>
  
  <pre><code>&lt;div style="font-size:smaller;"&gt;text&lt;/div&gt;
  </code></pre>
  
  <p>which works well for footnote and quotations. (Actually, the directive is incorporated in their style) It work also for quotations inside footnotes, but in this case the size of the text is really small. I wouldn't want to dictate a font size; but I would like to have something like "use a font 1 pt smaller than the inherited one". Is it possible? </p>
  
Tags: <css>
Title: How to set the font sizes of two text sections to be relative to each other?
UserDisplayName: mau
ThreadText: # How to set the font sizes of two text sections to be relative to each other?
  
  (Asked by: username_0 on 2019-02-05)
  
  I am editing an ebook, trying to mimic the original format of its text. In the book, footnotes are written in a smaller font with respect to normal text, and so are quotations; this means that a quotation inside a footnote is even smaller.
  I used an inline style
  text
  
  which works well for footnote and quotations. (Actually, the directive is incorporated in their style) It work also for quotations inside footnotes, but in this case the size of the text is really small. I wouldn't want to dictate a font size; but I would like to have something like "use a font 1 pt smaller than the inherited one". Is it possible?
  
  **Tags:** css
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_0 on 2019-02-07. Score: 3
  
  I eventually found out that I can use 
  style="font-size:90%;"
  
  which is not exactly what I wanted but is sufficients for my needs.
  
  
  ---
  
  ### Answer by username_1 on 2019-03-02. Score: 0
  
  If I understand correctly what you want to do, you will need three different font sizes, one for the main body text, one for the footnote, and another for the quotations.
  As you correctly guessed, using a relative CSS unit1 is the way to go, but I think that in this case it is more correct to use em or rem instead of %, since it these are units directly referencing font sizes.
  I also advise you to use classes and set the actual styling on an external CSS file, in order to have a cleaner and more manageable code.
  Example
  HTML file:
  
  
      Lorem ipsum dolor sit amet[...]
  
      Lorem ipsum dolor sit amet[...]
  
      Lorem ipsum dolor sit amet[...]
  
  
  
  CSS file:
  .footnotes p {
      font-size: 0.9rem;
  }
  
  .footnotes blockquote {
      font-size: 0.8rem;
  }
  
  
  What we do here is wrapping the footnotes with a  and giving it a footnotes class, in order to easily select it in the CSS file; inside it, we have standard  paragraphs, that we set to have a font size 90% of the standard body text (by using rem units); then we used the  HTML tag to wrap and style the quotations, and in this case we set the font size to be 80% of the body text.
  
  1. Here is a reference to CSS units; please note that not all of them are pertinent or useful for epub use
  
  > **Comments:**
  > **username_0**: Well, I actually used an external style in my ebook :-)   As for using absolute sizes, I am not sure if they can be easily overridden by a standard reader (in the sense of program): this is why I settled for a relative size.  
  
  ---
  
  