When you ask about resizing text in Adobe Dreamweaver, you might be referring to one of two things:
- Resizing the font size of the code that you see in the Code View editor.
- Resizing the font size of the actual content text that will appear on your web page in Design View or in a browser.
The provided reference specifically details how to change the font size for the Code View editor.
Resizing Code View Text (Editor Font Size)
Changing the code view text size makes the code itself easier to read while you're working in Dreamweaver. This does not affect how the text appears on your published website.
Based on the provided reference, you can adjust the code font size by accessing Dreamweaver's preferences:
- Go to Preferences:
- On Windows, you typically find this under
Edit > Preferences. - On macOS, look under
Dreamweaver > Preferences.
- On Windows, you typically find this under
- Navigate to the "Fonts" Category: In the Preferences window, select the "Fonts" category from the list on the left.
- Adjust Code View Settings:
- Within the Fonts preferences, you will see options related to different views.
- Look for the "Code View" settings.
- Here, you can change the font size to make it larger or smaller according to your preference.
- As the reference also mentions, you can change the actual font type that shows up in Code View as well from this same area.
Here's a simple breakdown:
| Setting | Location | Purpose |
|---|---|---|
| Font Size | Preferences > Fonts > Code View | Controls the size of text in Code View |
| Font Type | Preferences > Fonts > Code View (optional) | Controls the typeface in Code View |
Adjusting the size slider or input box here will instantly change how the code text looks within Dreamweaver's editor panels.
Resizing Text in Design View (Content Font Size)
If you want to change the size of the text that visitors see on your finished web page, you need to modify the CSS (Cascading Style Sheets) that controls the appearance of your content. This is typically done by setting CSS properties like font-size for specific HTML elements (like paragraphs, headings, list items, etc.).
This process involves writing or modifying CSS rules and is distinct from changing the editor's display size. Dreamweaver provides tools in Design View and CSS panels to help you apply these styles, but the underlying method is CSS, not a simple editor preference adjustment.
In summary, resizing the text in your Dreamweaver editor (Code View) is a preference setting found under Fonts, while resizing the actual content text for your website requires CSS styling. The reference specifically guides you on how to change the Code View font size via Preferences.
