RH editors overwrite notepad.exe css

RH 11 Webhelp

Thank you

Problem

I installed custom fonts and they mostly work. One topic didn't display correctly, so I tried to tweak the new font code using the RH css editor and then the HTML Editor. However, these attempts overwrote the notepad.exe css, such as removing font names. It seems like using notepad.exe is the only way to add additional code to the css (shown in step 5). How can I straighten things out?

Here are the steps leading up to the problem

1. Downloaded and extracted the google fonts.

2. Double-clicked each font separately and installed it to the computer.

3. Added each font family as a baggage file.

4. Using notepad.exe, edited the css fonts.

5.  Added this code to notepad.exe css to fix a Chrome bug that prevented displaying the new fonts:

@-webkit-keyframes fontfix {

  from: "{" "opacity:" 1;

};

body {

  font-family: Roboto;

  font-size: 11px;

  color: #000000;

  margin: 10px 16px auto;

}

body {

  -webkit-animation-delay: 0.1s;

  -webkit-animation-name: fontfix;

  -webkit-animation-duration: 0.1s;

  -webkit-animation-iteration-count: 1;

  -webkit-animation-timing-function: linear;

}

to {

  opacity: 1;

}